{"product_id":"1x4-led-surface-panel","title":"1×4 ft LED Surface Panel Light","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL --\u003e\n\u003csection class=\"spec-carousel\"\u003e\n\u003cdiv class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting Span 1x4 ft LED surface panel light in white with frosted diffuser installed flush to ceiling in a bright office\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cc-lighting-span-white-open-plan-office.png?v=1790193744\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"spec-carousel-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n(function () {\n  const carousel = document.querySelector(\".spec-carousel\");\n  if (!carousel) return;\n  const track = carousel.querySelector(\".spec-carousel-track\");\n  const slides = Array.from(carousel.querySelectorAll(\".spec-carousel-slide\"));\n  const prevBtn = carousel.querySelector(\"[data-carousel-prev]\");\n  const nextBtn = carousel.querySelector(\"[data-carousel-next]\");\n  const dotsWrap = carousel.querySelector(\"[data-carousel-dots]\");\n  if (!track || slides.length === 0) return;\n  let currentIndex = 0, autoplayTimer = null;\n  const AUTOPLAY_MS = 5000;\n  function slideWidth() { return track.getBoundingClientRect().width; }\n  function clampIndex(i) { if (i \u003c 0) return 0; if (i \u003e slides.length - 1) return slides.length - 1; return i; }\n  function scrollToIndex(i, opts) {\n    currentIndex = clampIndex(i);\n    track.scrollTo({ left: currentIndex * slideWidth(), behavior: (opts \u0026\u0026 opts.instant) ? \"auto\" : \"smooth\" });\n    updateDots(); updateButtons();\n  }\n  function updateButtons() {\n    if (!prevBtn || !nextBtn) return;\n    prevBtn.disabled = currentIndex === 0; nextBtn.disabled = currentIndex === slides.length - 1;\n    prevBtn.style.opacity = prevBtn.disabled ? \"0.45\" : \"1\"; nextBtn.style.opacity = nextBtn.disabled ? \"0.45\" : \"1\";\n    prevBtn.style.pointerEvents = prevBtn.disabled ? \"none\" : \"auto\"; nextBtn.style.pointerEvents = nextBtn.disabled ? \"none\" : \"auto\";\n  }\n  function buildDots() {\n    if (!dotsWrap) return; dotsWrap.innerHTML = \"\";\n    slides.forEach((_, i) =\u003e {\n      const btn = document.createElement(\"button\"); btn.type = \"button\"; btn.className = \"spec-carousel-dot\";\n      btn.setAttribute(\"aria-label\", \"Go to slide \" + (i + 1)); btn.addEventListener(\"click\", () =\u003e scrollToIndex(i)); dotsWrap.appendChild(btn);\n    }); updateDots();\n  }\n  function updateDots() {\n    if (!dotsWrap) return;\n    Array.from(dotsWrap.querySelectorAll(\".spec-carousel-dot\")).forEach((d, i) =\u003e d.setAttribute(\"aria-current\", i === currentIndex ? \"true\" : \"false\"));\n  }\n  function syncIndexFromScroll() {\n    const next = clampIndex(Math.round(track.scrollLeft \/ slideWidth()));\n    if (next !== currentIndex) { currentIndex = next; updateDots(); updateButtons(); }\n  }\n  function startAutoplay() { stopAutoplay(); autoplayTimer = window.setInterval(() =\u003e scrollToIndex((currentIndex + 1) % slides.length), AUTOPLAY_MS); }\n  function stopAutoplay() { if (autoplayTimer) window.clearInterval(autoplayTimer); autoplayTimer = null; }\n  if (prevBtn) prevBtn.addEventListener(\"click\", () =\u003e scrollToIndex(currentIndex - 1));\n  if (nextBtn) nextBtn.addEventListener(\"click\", () =\u003e scrollToIndex(currentIndex + 1));\n  track.addEventListener(\"scroll\", () =\u003e window.requestAnimationFrame(syncIndexFromScroll));\n  carousel.addEventListener(\"mouseenter\", stopAutoplay); carousel.addEventListener(\"mouseleave\", startAutoplay);\n  carousel.addEventListener(\"focusin\", stopAutoplay); carousel.addEventListener(\"focusout\", startAutoplay);\n  track.addEventListener(\"keydown\", (e) =\u003e { if (e.key === \"ArrowLeft\") scrollToIndex(currentIndex - 1); if (e.key === \"ArrowRight\") scrollToIndex(currentIndex + 1); });\n  window.addEventListener(\"resize\", () =\u003e scrollToIndex(currentIndex, { instant: true }));\n  buildDots(); scrollToIndex(0, { instant: true }); startAutoplay();\n})();\n\u003c\/script\u003e \u003c!-- HERO --\u003e\n\u003csection class=\"spec-hero\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting Span 1x4 ft LED surface panel light with white frame and frosted backlit diffuser, surface-mounted to ceiling\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cc-lighting-span-white-frosted-diffuser.png?v=1790193744\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-hero-content\"\u003e\n\u003ch4 class=\"spec-title\"\u003e1×4 ft LED Surface Panel Light\u003c\/h4\u003e\n\u003cp class=\"spec-tagline\"\u003eA slim, backlit LED surface panel that delivers broad, even illumination for offices, retail spaces, schools, and workshops. Five selectable color temperatures from 3000K to 6500K, CRI 90, Triac dimming, flicker-free operation, and a 5-year warranty in a 33.6 mm slim profile.\u003c\/p\u003e\n\u003cdiv class=\"spec-stats\"\u003e\n\u003cspan\u003e48W\u003c\/span\u003e \u003cspan\u003e88 lm\/W\u003c\/span\u003e \u003cspan\u003eCRI 90\u003c\/span\u003e \u003cspan\u003e3000K – 6500K 5CCT\u003c\/span\u003e \u003cspan\u003eTriac Dimmable\u003c\/span\u003e \u003cspan\u003e1205 × 305 × 33.6 mm\u003c\/span\u003e \u003cspan\u003e50,000 hrs\u003c\/span\u003e \u003cspan\u003e5-Year Warranty\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/1ft_x_4ft_Surface_Panel_Light.pdf\" class=\"spec-btn\" rel=\"noopener\" title=\"C\u0026amp;C Lighting 1x4 ft Surface Panel Light technical data sheet PDF\" target=\"_blank\"\u003eDownload Spec Sheet\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"spec-features\"\u003e\n\u003ch2 class=\"spec-section-title\"\u003eHighlighted Features\u003c\/h2\u003e\n\u003cdiv class=\"spec-feature-grid\"\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eBacklit LED Design\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSpecial lens diffuser produces efficient, even illumination across the full panel surface with no hot spots.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003e5CCT Selectable\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eChoose 3000K, 3500K, 4000K, 5000K, or 6500K at install using the onboard switch. No need to stock separate SKUs per color temperature.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eTriac Dimmable\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSmooth brightness adjustment with compatible Triac dimmers. Works with leading Lutron and Leviton models.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eFlicker-Free\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eDesigned for stable, comfortable output with no visible flicker, reducing eye fatigue in work and school environments.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eHigh Color Rendering\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eCRI 90 presents materials, finishes, and merchandise colors accurately under the panel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eHigh Efficacy\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003e48W with a rated efficacy of 88 lm\/W, delivering strong output with low energy draw.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eWide Beam Angle\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eAverage beam angle of 114.3°, spreading light broadly and evenly across the space below.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eFlexible Mounting\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSurface-mount frame and hardware included. Wire suspension kit available as an accessory for pendant-style installation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eSlim Profile\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eOnly 33.6 mm deep, keeping the panel low-profile against the ceiling surface.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eDurable Construction\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSPCC and PS body with a galvanized sheet housing for structural rigidity and long-term durability.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eLong Lifespan\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eRated for 50,000 hours with a 5-year standard warranty included.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW TO ORDER --\u003e\n\u003csection class=\"spec-ordercode\"\u003e\n\u003ch2 class=\"spec-section-title\"\u003eHow to Order\u003c\/h2\u003e\n\u003cp class=\"spec-ordercode-intro\"\u003eThe Span 1×4 ft panel is a single-model product. Select your preferred CCT at installation using the onboard switch. To place an order, contact us with your project name, quantity, and preferred CCT setting.\u003c\/p\u003e\n\u003cdiv class=\"spec-code-display\"\u003e\n\u003cdiv class=\"spec-code-segments\"\u003e\n\u003cdiv class=\"spec-code-seg\"\u003e\n\u003cdiv class=\"spec-code-val\"\u003eXSD-NA120\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003eSeries\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-divider\"\u003e–\u003c\/div\u003e\n\u003cdiv class=\"spec-code-seg\"\u003e\n\u003cdiv class=\"spec-code-val\"\u003e14FT\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003e1×4 ft\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-divider\"\u003e–\u003c\/div\u003e\n\u003cdiv class=\"spec-code-seg\"\u003e\n\u003cdiv class=\"spec-code-val\"\u003e40W\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003eWattage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-divider\"\u003e–\u003c\/div\u003e\n\u003cdiv class=\"spec-code-seg\"\u003e\n\u003cdiv class=\"spec-code-val\"\u003eMZ\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003eConfig\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-divider\"\u003e–\u003c\/div\u003e\n\u003cdiv class=\"spec-code-seg\"\u003e\n\u003cdiv class=\"spec-code-val\"\u003eCWK\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003e5CCT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-divider\"\u003e–\u003c\/div\u003e\n\u003cdiv class=\"spec-code-seg\"\u003e\n\u003cdiv class=\"spec-code-val\"\u003eP\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003eSurface\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tables\"\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003eCCT Options\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e3000K\u003c\/td\u003e\n\u003ctd\u003eWarm white\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e3500K\u003c\/td\u003e\n\u003ctd\u003eSoft neutral\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e4000K\u003c\/td\u003e\n\u003ctd\u003eCool neutral\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e5000K\u003c\/td\u003e\n\u003ctd\u003eCool white\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e6500K\u003c\/td\u003e\n\u003ctd\u003eDaylight\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003eMounting\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eP\u003c\/td\u003e\n\u003ctd\u003eSurface mount (included)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003ePendant\u003c\/td\u003e\n\u003ctd\u003eWire suspension (accessory)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003eSize\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e1×4 ft\u003c\/td\u003e\n\u003ctd\u003e1205 × 305 × 33.6 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003eWattage\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e48W\u003c\/td\u003e\n\u003ctd\u003e88 lm\/W efficacy\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-ordercode-cta\"\u003e\n\u003cp\u003eFor full technical specifications, photometric data, and compatible dimmer listings, download the product spec sheet.\u003c\/p\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/1ft_x_4ft_Surface_Panel_Light.pdf\" class=\"spec-btn\" rel=\"noopener\" title=\"Download 1x4 ft Surface Panel Light Spec Sheet\" target=\"_blank\"\u003eDownload Spec Sheet\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MORE INFORMATION --\u003e\n\u003csection class=\"spec-more\"\u003e\n\u003ch2 class=\"spec-section-title\"\u003eMore About the Span Panel\u003c\/h2\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eSpecifications at a Glance\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cdiv class=\"spec-table-wrap\"\u003e\n\u003ctable class=\"spec-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eModel\u003c\/th\u003e\n\u003ctd\u003eXSD-NA120-14FT40W-MZ-CWK-P\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDimensions\u003c\/th\u003e\n\u003ctd\u003e1205 × 305 × 33.6 mm (1×4 ft, 33.6 mm depth)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLED chip\u003c\/th\u003e\n\u003ctd\u003eSMD 2835\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eWattage\u003c\/th\u003e\n\u003ctd\u003e48W\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eEfficacy\u003c\/th\u003e\n\u003ctd\u003e88 lm\/W\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eBeam angle\u003c\/th\u003e\n\u003ctd\u003e114.3° average\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eColor rendering\u003c\/th\u003e\n\u003ctd\u003eCRI 90\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eColor temperature\u003c\/th\u003e\n\u003ctd\u003e3000K \/ 3500K \/ 4000K \/ 5000K \/ 6500K (5CCT selectable)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDimming\u003c\/th\u003e\n\u003ctd\u003eTriac dimmable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eOperating temperature\u003c\/th\u003e\n\u003ctd\u003e-20°C to 45°C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eBody material\u003c\/th\u003e\n\u003ctd\u003eSPCC + PS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHousing finish\u003c\/th\u003e\n\u003ctd\u003eGalvanized sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eRated lifespan\u003c\/th\u003e\n\u003ctd\u003e50,000 hours\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eWarranty\u003c\/th\u003e\n\u003ctd\u003e5 years\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMounting\u003c\/th\u003e\n\u003ctd\u003eSurface mount (wire suspension available as accessory)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eChoosing the Right Color Temperature\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e3000K:\u003c\/strong\u003e Warm white, comfortable and inviting, ideal for reception areas, hospitality, and retail environments where a relaxed feel is preferred.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e3500K:\u003c\/strong\u003e Soft neutral, bridges warm and cool, popular in multi-purpose offices and collaborative work areas.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e4000K:\u003c\/strong\u003e Cool neutral, clean and alert, the standard choice for general office, classroom, and light commercial use.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e5000K:\u003c\/strong\u003e Cool white, crisp and high-contrast, suited to workshops, warehouses, and areas where visual accuracy matters.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e6500K:\u003c\/strong\u003e Daylight, very bright and energizing, used in task-intensive commercial settings, inspection areas, and spaces needing high-lumen output.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThe onboard 5CCT switch lets you select the color temperature at installation without ordering a different SKU for each zone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eMounting Options\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003eThe Span panel ships with a surface-mount frame and all required hardware for direct ceiling installation.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSurface mount:\u003c\/strong\u003e The included mounting bracket attaches directly to a ceiling junction box (compatible with 2.1-inch, 2.75-inch, and 3.5-inch boxes) or to the ceiling surface using the included plastic anchors and screws. The panel locks into the bracket with a slide-and-lock motion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWire suspension:\u003c\/strong\u003e An optional wire suspension kit is available as an accessory for pendant-style installations, allowing the panel to hang below the ceiling. Contact us to add this to your order.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eIncluded hardware: 1 mounting bracket, 4 screws, 4 plastic anchors, 3 wire nuts, 2 safety cables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eCompatible Dimmers\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003eThe Span panel uses Triac dimming. The following dimmers have been tested and confirmed compatible:\u003c\/p\u003e\n\u003cdiv class=\"spec-table-wrap\"\u003e\n\u003ctable class=\"spec-table spec-table-compare\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth scope=\"col\"\u003eBrand\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eModel\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eType\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLutron\u003c\/th\u003e\n\u003ctd\u003eDVCL-153PR-WH\u003c\/td\u003e\n\u003ctd\u003eToggle \/ Slide\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLutron\u003c\/th\u003e\n\u003ctd\u003eCTCL-153PDH-WH\u003c\/td\u003e\n\u003ctd\u003eToggle \/ Slide\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLutron\u003c\/th\u003e\n\u003ctd\u003eTGCL-153PH-WH\u003c\/td\u003e\n\u003ctd\u003eSwitch \/ Slide\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLutron\u003c\/th\u003e\n\u003ctd\u003eMACL-153MH-WH\u003c\/td\u003e\n\u003ctd\u003eToggle \/ Toggle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLutron\u003c\/th\u003e\n\u003ctd\u003eP-PKG1W-WH-R\u003c\/td\u003e\n\u003ctd\u003eToggle \/ Toggle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLeviton\u003c\/th\u003e\n\u003ctd\u003eR62-06674-P0W\u003c\/td\u003e\n\u003ctd\u003eToggle \/ Slide\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLeviton\u003c\/th\u003e\n\u003ctd\u003eR12-06672-1LW\u003c\/td\u003e\n\u003ctd\u003eSlide only (no toggle; has color-selectable feature)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLeviton\u003c\/th\u003e\n\u003ctd\u003eR50-IPL06-10M\u003c\/td\u003e\n\u003ctd\u003ePush \/ Slide\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eEaton\u003c\/th\u003e\n\u003ctd\u003eAAL06-C1\u003c\/td\u003e\n\u003ctd\u003eToggle \/ Toggle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eAlways verify dimmer compatibility with a qualified electrician before installation. Using an incompatible dimmer may cause flickering, buzzing, or reduced dimming range.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eWhere to Use It and Layout Tips\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eOffices:\u003c\/strong\u003e 4000K to 5000K for alert, productive work environments. The wide 114° beam spreads evenly, reducing the number of fixtures needed per square foot.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eClassrooms and schools:\u003c\/strong\u003e 4000K with dimming for flexible lighting levels. Flicker-free operation is especially important for students who are sensitive to flicker.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRetail:\u003c\/strong\u003e 3500K to 4000K with CRI 90 for accurate color rendering of merchandise. Surface mounting is fast to install and easy to maintain.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWorkshops and garages:\u003c\/strong\u003e 5000K or 6500K for maximum brightness and visual clarity over work surfaces.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCorridors and common areas:\u003c\/strong\u003e 3000K to 3500K for a welcoming feel with lower energy use.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFor standard 9-foot ceilings, 1×4 ft panels spaced roughly 6 to 8 feet apart provide even ambient coverage. For higher ceilings or task-intensive areas, space panels closer together or increase wattage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eInstallation Notes\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cul\u003e\n\u003cli\u003eTurn off power at the fuse or circuit breaker before beginning installation.\u003c\/li\u003e\n\u003cli\u003eIf a junction box is present, attach the mounting bracket to the box using the included screws. Compatible with 2.1-inch, 2.75-inch, and 3.5-inch junction boxes.\u003c\/li\u003e\n\u003cli\u003eIf no junction box is present, attach the bracket directly to the ceiling using the 4 included plastic anchors and screws.\u003c\/li\u003e\n\u003cli\u003eSet the CCT switch to your desired color temperature (3000K, 3500K, 4000K, 5000K, or 6500K) before sealing the fixture.\u003c\/li\u003e\n\u003cli\u003eConnect wires: Black to Black (Live), White to White (Neutral), Green to Green (Ground).\u003c\/li\u003e\n\u003cli\u003eClip the safety cable from the fixture to the mounting bracket for added security.\u003c\/li\u003e\n\u003cli\u003eHold the panel flush against the ceiling, then slide and lock into place.\u003c\/li\u003e\n\u003cli\u003eRestore power and test the fixture.\u003c\/li\u003e\n\u003cli\u003eInstallation should be completed by a qualified electrician in accordance with local electrical codes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eFrequently Asked Questions\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eCan I change the color temperature after installation?\u003c\/strong\u003e\u003cbr\u003eYes, as long as you can access the onboard CCT switch inside the fixture. The switch is set before the panel locks into place. If you need to change it later, the panel slides back out of the bracket for access.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIs wire suspension included?\u003c\/strong\u003e\u003cbr\u003eNo. The surface-mount bracket and hardware are included. Wire suspension is available separately as an accessory. Contact us to add it to your order.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat junction box sizes does it support?\u003c\/strong\u003e\u003cbr\u003eThe mounting bracket is compatible with 2.1-inch, 2.75-inch, and 3.5-inch junction boxes. If no junction box is present, the bracket attaches directly to the ceiling with plastic anchors.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat is the warranty?\u003c\/strong\u003e\u003cbr\u003eFive years standard warranty from the date of purchase.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIs this panel suitable for damp locations?\u003c\/strong\u003e\u003cbr\u003eThe spec sheet does not list a damp or wet location rating. For moisture-prone environments, confirm suitability with your electrician before installation.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat is the difference between CRI 90 and a standard CRI 80 panel?\u003c\/strong\u003e\u003cbr\u003eCRI 90 renders colors more accurately, meaning paints, fabrics, skin tones, and merchandise look closer to how they appear in natural daylight. CRI 80 is adequate for utility lighting. CRI 90 is recommended for offices, retail, and any space where color quality matters.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .spec-page { max-width: 1180px; margin: 0 auto; padding: 40px 16px 24px; }\n\n  \/* HERO *\/\n  \n  .spec-hero { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }\n  .spec-hero-media img { width: 100%; height: auto; display: block; border-radius: 14px; }\n  .spec-title { margin: 0 0 10px; font-size: clamp(28px, 3vw, 40px); line-height: 1.15; font-weight: 600; letter-spacing: 0.2px; }\n  .spec-tagline { margin: 0 0 18px; font-size: 16px; line-height: 1.55; font-weight: 400; color: rgba(0,0,0,0.70); max-width: 46ch; }\n  .spec-stats { display: flex; flex-wrap: wrap; gap: 10px 14px; margin: 0 0 22px; font-size: 13px; letter-spacing: 0.3px; color: rgba(0,0,0,0.62); }\n  .spec-stats span { position: relative; padding-right: 14px; white-space: nowrap; }\n  .spec-stats span:not(:last-child)::after { content: \"|\"; position: absolute; right: 4px; color: rgba(0,0,0,0.28); }\n\n  \/* BUTTON *\/\n  .spec-btn {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 12px 20px; border-radius: 10px; text-decoration: none;\n    font-weight: 600; font-size: 14px;\n    background: #111; color: #fff; border: 1px solid #111;\n    transition: background 120ms ease, transform 120ms ease, box-shadow 120ms ease;\n    white-space: nowrap;\n  }\n  .spec-btn:hover { background: #2a2a2a; border-color: #2a2a2a; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,0.14); }\n\n  \/* FEATURES *\/\n  .spec-features { margin-top: 40px; padding-top: 26px; border-top: 1px solid rgba(0,0,0,0.08); }\n  .spec-section-title { margin: 0 0 18px; font-size: 16px; font-weight: 600; letter-spacing: 0.2px; color: rgba(0,0,0,0.88); }\n  .spec-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 40px; align-items: start; }\n  .spec-feature { display: grid; grid-template-columns: 210px 1fr; gap: 14px; }\n  .spec-feature-label { font-size: 13px; font-weight: 600; color: rgba(0,0,0,0.90); letter-spacing: 0.2px; }\n  .spec-feature-text { font-size: 14px; line-height: 1.6; color: rgba(0,0,0,0.68); }\n\n  \/* ORDER CODE *\/\n  .spec-ordercode { margin-top: 40px; padding-top: 26px; border-top: 1px solid rgba(0,0,0,0.08); }\n  .spec-ordercode-intro { font-size: 14px; line-height: 1.6; color: rgba(0,0,0,0.65); max-width: 72ch; margin: 0 0 28px; }\n  .spec-code-display { border: 1px solid rgba(0,0,0,0.10); border-radius: 12px; padding: 28px 24px 20px; margin-bottom: 28px; overflow-x: auto; }\n  .spec-code-segments { display: flex; align-items: flex-start; gap: 0; min-width: max-content; }\n  .spec-code-seg { display: flex; flex-direction: column; align-items: center; min-width: 72px; }\n  .spec-code-val { font-family: \"Courier New\", Courier, monospace; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; color: rgba(0,0,0,0.90); padding: 8px 10px; background: rgba(0,0,0,0.04); border-radius: 6px; white-space: nowrap; }\n  .spec-code-tick { width: 1px; height: 14px; background: rgba(0,0,0,0.22); margin: 8px 0 4px; }\n  .spec-code-lbl { font-size: 11px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: rgba(0,0,0,0.45); white-space: nowrap; }\n  .spec-code-divider { font-family: \"Courier New\", Courier, monospace; font-size: 20px; font-weight: 700; color: rgba(0,0,0,0.25); padding: 8px 2px 0; align-self: flex-start; }\n  .spec-code-tables { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 32px; }\n  .spec-code-col-head { font-size: 11px; font-weight: 700; letter-spacing: 0.7px; text-transform: uppercase; color: rgba(0,0,0,0.40); margin-bottom: 10px; padding-bottom: 6px; border-bottom: 2px solid rgba(0,0,0,0.08); }\n  .spec-code-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n  .spec-code-table td { padding: 6px 8px 6px 0; vertical-align: top; border-top: 1px solid rgba(0,0,0,0.05); color: rgba(0,0,0,0.70); line-height: 1.4; }\n  .spec-code-table tr:first-child td { border-top: 0; }\n  .spec-code-key { font-family: \"Courier New\", Courier, monospace; font-weight: 700; font-size: 12px; color: rgba(0,0,0,0.88); white-space: nowrap; padding-right: 12px !important; width: 1%; }\n  .spec-ordercode-cta { display: flex; align-items: center; gap: 20px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.08); flex-wrap: wrap; }\n  .spec-ordercode-cta p { margin: 0; font-size: 14px; line-height: 1.5; color: rgba(0,0,0,0.60); flex: 1; min-width: 200px; }\n\n  \/* ACCORDION *\/\n  .spec-more { margin-top: 40px; padding-top: 26px; border-top: 1px solid rgba(0,0,0,0.08); }\n  .spec-accordion { border-bottom: 1px solid rgba(0,0,0,0.08); }\n  .spec-accordion:first-of-type { border-top: 1px solid rgba(0,0,0,0.08); }\n  .spec-accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; cursor: pointer; list-style: none; font-size: 14px; font-weight: 600; letter-spacing: 0.2px; color: rgba(0,0,0,0.88); }\n  .spec-accordion summary::-webkit-details-marker { display: none; }\n  .spec-accordion summary::after { content: \"+\"; font-size: 18px; font-weight: 400; color: rgba(0,0,0,0.5); }\n  .spec-accordion[open] summary::after { content: \"\\2212\"; }\n  .spec-accordion-body { padding: 0 0 18px; font-size: 14px; line-height: 1.6; color: rgba(0,0,0,0.68); max-width: 90ch; }\n  .spec-accordion-body p { margin: 0 0 12px; }\n  .spec-accordion-body ul { margin: 0 0 12px; padding-left: 20px; }\n  .spec-accordion-body li { margin-bottom: 6px; }\n  .spec-accordion-body strong { color: rgba(0,0,0,0.88); font-weight: 600; }\n\n  \/* TABLES *\/\n  .spec-table-wrap { width: 100%; overflow-x: auto; }\n  .spec-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n  .spec-table th, .spec-table td { padding: 10px 14px 10px 0; text-align: left; vertical-align: top; border-top: 1px solid rgba(0,0,0,0.06); }\n  .spec-table tbody th { width: 32%; font-weight: 600; color: rgba(0,0,0,0.88); }\n  .spec-table thead th { font-weight: 600; color: rgba(0,0,0,0.88); border-top: 0; }\n  .spec-table-compare tbody th { width: 22%; }\n\n  \/* CAROUSEL *\/\n  .spec-carousel { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: -40px; margin-bottom: 26px; overflow: hidden; background: #0b0b0b; }\n  .spec-carousel-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; }\n  .spec-carousel-track::-webkit-scrollbar { display: none; }\n  .spec-carousel-slide { flex: 0 0 100%; scroll-snap-align: center; position: relative; background: #0b0b0b; }\n  .spec-carousel-slide img { width: 100%; height: auto; display: block; }\n  .spec-carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.22); background: rgba(0,0,0,0.38); color: #fff; font-size: 22px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 120ms ease, background 120ms ease; }\n  .spec-carousel-btn:hover { background: rgba(0,0,0,0.55); transform: translateY(-50%) scale(1.03); }\n  .spec-carousel-btn.prev { left: 14px; }\n  .spec-carousel-btn.next { right: 14px; }\n  .spec-carousel-dots { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,0.28); border: 1px solid rgba(255,255,255,0.12); }\n  .spec-carousel-dot { width: 8px; height: 8px; border-radius: 999px; background: rgba(255,255,255,0.35); border: 0; cursor: pointer; }\n  .spec-carousel-dot[aria-current=\"true\"] { background: rgba(255,255,255,0.92); }\n\n  \/* MOBILE *\/\n  @media (max-width: 900px) {\n    .spec-hero { grid-template-columns: 1fr; gap: 24px; align-items: start; }\n    .spec-stats span { padding-right: 0; white-space: normal; }\n    .spec-stats span:not(:last-child)::after { content: \"\"; }\n    .spec-feature-grid { grid-template-columns: 1fr; gap: 14px; }\n    .spec-feature { grid-template-columns: 1fr; gap: 6px; }\n    .spec-carousel { margin-top: -24px; margin-bottom: 18px; }\n    .spec-carousel-btn { width: 36px; height: 36px; font-size: 18px; }\n    .spec-carousel-btn.prev { left: 10px; }\n    .spec-carousel-btn.next { right: 10px; }\n    .spec-carousel-dots { bottom: 10px; }\n    .spec-code-tables { grid-template-columns: 1fr 1fr; }\n    .spec-code-val { font-size: 15px; }\n    .spec-code-divider { font-size: 15px; }\n    .spec-ordercode-cta { flex-direction: column; align-items: flex-start; }\n    .spec-table-compare tbody th { width: 28%; }\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":46227366346837,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cc-lighting-span-white-frosted-diffuser.png?v=1790193744","url":"https:\/\/candclight.com\/zh\/products\/1x4-led-surface-panel","provider":"C\u0026C Lighting","version":"1.0","type":"link"}