{"product_id":"hugo-outdoor-color-led-wall-light","title":"Hugo Outdoor Wall Light","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\"\u003e\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting Hugo black outdoor LED wall lights mounted on a dark stone facade on either side of a black front door at dusk, each casting purple light up and down the textured wall\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/hugo-outdoor-led-wall-light-purple-entryway-lifestyle..png?v=1792161390\"\u003e\u003c\/div\u003e\n\u003c!-- Add more images like this when you have them --\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(\".spec-carousel-btn.prev\");\n  const nextBtn = carousel.querySelector(\".spec-carousel-btn.next\");\n  const dotsWrap = carousel.querySelector(\".spec-carousel-dots\");\n  if (!track || slides.length === 0) return;\n\n  if (slides.length \u003c= 1) {\n    if (prevBtn) prevBtn.style.display = \"none\";\n    if (nextBtn) nextBtn.style.display = \"none\";\n    if (dotsWrap) dotsWrap.style.display = \"none\";\n    return;\n  }\n\n  let currentIndex = 0;\n  let autoplayTimer = null;\n  const AUTOPLAY_MS = 5000;\n  function slideWidth() {\n    return track.getBoundingClientRect().width;\n  }\n  function clampIndex(i) {\n    if (i \u003c 0) return 0;\n    if (i \u003e slides.length - 1) return slides.length - 1;\n    return i;\n  }\n  function scrollToIndex(i, opts) {\n    currentIndex = clampIndex(i);\n    track.scrollTo({\n      left: currentIndex * slideWidth(),\n      behavior: (opts \u0026\u0026 opts.instant) ? \"auto\" : \"smooth\"\n    });\n    updateDots();\n    updateButtons();\n  }\n  function updateButtons() {\n    if (!prevBtn || !nextBtn) return;\n    prevBtn.disabled = currentIndex === 0;\n    nextBtn.disabled = currentIndex === slides.length - 1;\n    prevBtn.style.opacity = prevBtn.disabled ? \"0.45\" : \"1\";\n    nextBtn.style.opacity = nextBtn.disabled ? \"0.45\" : \"1\";\n    prevBtn.style.pointerEvents = prevBtn.disabled ? \"none\" : \"auto\";\n    nextBtn.style.pointerEvents = nextBtn.disabled ? \"none\" : \"auto\";\n  }\n  function buildDots() {\n    if (!dotsWrap) return;\n    dotsWrap.innerHTML = \"\";\n    slides.forEach((_, i) =\u003e {\n      const btn = document.createElement(\"button\");\n      btn.type = \"button\";\n      btn.className = \"spec-carousel-dot\";\n      btn.setAttribute(\"aria-label\", \"Go to slide \" + (i + 1));\n      btn.addEventListener(\"click\", () =\u003e scrollToIndex(i));\n      dotsWrap.appendChild(btn);\n    });\n    updateDots();\n  }\n  function updateDots() {\n    if (!dotsWrap) return;\n    const dots = Array.from(dotsWrap.querySelectorAll(\".spec-carousel-dot\"));\n    dots.forEach((d, i) =\u003e {\n      const active = i === currentIndex;\n      d.setAttribute(\"aria-current\", active ? \"true\" : \"false\");\n    });\n  }\n  function syncIndexFromScroll() {\n    const w = slideWidth();\n    const i = Math.round(track.scrollLeft \/ w);\n    const next = clampIndex(i);\n    if (next !== currentIndex) {\n      currentIndex = next;\n      updateDots();\n      updateButtons();\n    }\n  }\n  function startAutoplay() {\n    stopAutoplay();\n    autoplayTimer = window.setInterval(() =\u003e {\n      const next = (currentIndex + 1) % slides.length;\n      scrollToIndex(next);\n    }, AUTOPLAY_MS);\n  }\n  function stopAutoplay() {\n    if (autoplayTimer) window.clearInterval(autoplayTimer);\n    autoplayTimer = null;\n  }\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 {\n    window.requestAnimationFrame(syncIndexFromScroll);\n  });\n  carousel.addEventListener(\"mouseenter\", stopAutoplay);\n  carousel.addEventListener(\"mouseleave\", startAutoplay);\n  carousel.addEventListener(\"focusin\", stopAutoplay);\n  carousel.addEventListener(\"focusout\", startAutoplay);\n  track.addEventListener(\"keydown\", (e) =\u003e {\n    if (e.key === \"ArrowLeft\") scrollToIndex(currentIndex - 1);\n    if (e.key === \"ArrowRight\") scrollToIndex(currentIndex + 1);\n  });\n  window.addEventListener(\"resize\", () =\u003e {\n    scrollToIndex(currentIndex, { instant: true });\n  });\n  buildDots();\n  scrollToIndex(0, { instant: true });\n  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 Hugo black rectangular outdoor LED wall light with a textured matte finish and a small LED light window on the bottom face\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/hugo-outdoor-led-wall-light-black-product.png?v=1792161388\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-hero-content\"\u003e\n\u003ch4 class=\"spec-title\"\u003eHugo Outdoor Wall Light\u003c\/h4\u003e\n\u003cp class=\"spec-tagline\"\u003eThe C\u0026amp;C Hugo Outdoor Wall Light is a compact black wall light that turns a plain wall into a statement. Choose red, green, blue, yellow or purple, set the output to 10W, 15W or 20W, and send the light up, down or both. A built-in photocell switches it on automatically at dusk, and universal 120-347V input makes it easy to specify.\u003c\/p\u003e\n\u003cdiv class=\"spec-stats\"\u003e\n\u003cspan\u003e120-347V\u003c\/span\u003e \u003cspan\u003e10W \/ 15W \/ 20W\u003c\/span\u003e \u003cspan\u003e5 selectable colors\u003c\/span\u003e \u003cspan\u003eUp \/ down \/ both\u003c\/span\u003e \u003cspan\u003eBuilt-in photocell\u003c\/span\u003e \u003cspan\u003ePlug and play\u003c\/span\u003e \u003cspan\u003eOutdoor\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Hugo_Outdoor_Wall_Light.pdf?v=1792161387\" class=\"spec-btn\" rel=\"noopener\" title=\"C\u0026amp;C Lighting Hugo Outdoor Wall Light technical data sheet PDF\" target=\"_blank\"\u003e Download 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\"\u003eSelectable Color\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSwitch between red, green, blue, yellow and purple to suit the space or occasion.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eAdjustable Wattage\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eChoose 10W, 15W or 20W to control the output.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eBeam Direction Switch\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSelect up, down, or both directions to shape the light on the wall.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eBuilt-In Photocell\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eSwitches on automatically with a 300lx threshold, with no external sensor needed.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eOutdoor Fixture\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eDesigned for exterior wall mounting on facades, entrances and patios.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003ePlug and Play\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA simple installation designed to save time on site.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eUniversal Voltage\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eRuns on 120-347V, 50\/60Hz, for use across Canadian projects.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eSlim Black Housing\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA clean rectangular black box with a textured matte finish that blends into modern architecture.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\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 Hugo Outdoor Wall Light is a single wall-mounted fixture, and it is often specified as a pair or as a repeated run along a wall. To place an order, contact us at info@candclight.com with your project name, quantity and preferred color and beam settings.\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\"\u003eC\u0026amp;C-F58\u003c\/div\u003e\n\u003cdiv class=\"spec-code-tick\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-code-lbl\"\u003eModel\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\"\u003eVoltage\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e120-347V\u003c\/td\u003e\n\u003ctd\u003eAC input, 50\/60Hz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003ePower\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e20W\u003c\/td\u003e\n\u003ctd\u003eSelectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e15W\u003c\/td\u003e\n\u003ctd\u003eSelectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e10W\u003c\/td\u003e\n\u003ctd\u003eSelectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003eColor\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eR\u003c\/td\u003e\n\u003ctd\u003eRed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eG\u003c\/td\u003e\n\u003ctd\u003eGreen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eB\u003c\/td\u003e\n\u003ctd\u003eBlue\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eY\u003c\/td\u003e\n\u003ctd\u003eYellow\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eP\u003c\/td\u003e\n\u003ctd\u003ePurple\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-code-col\"\u003e\n\u003cdiv class=\"spec-code-col-head\"\u003eBeam\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eUp\u003c\/td\u003e\n\u003ctd\u003eSwitch setting\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eDown\u003c\/td\u003e\n\u003ctd\u003eSwitch setting\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eBoth\u003c\/td\u003e\n\u003ctd\u003eSwitch setting\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-ordercode-cta\"\u003e\n\u003cp\u003eFor full technical specifications, download the product spec sheet.\u003c\/p\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Hugo_Outdoor_Wall_Light.pdf?v=1792161387\" class=\"spec-btn\" rel=\"noopener\" title=\"Download Hugo Outdoor Wall 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 Hugo Outdoor Wall Light\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\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eModel\u003c\/th\u003e\n\u003ctd\u003eC\u0026amp;C-F58\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInput voltage\u003c\/th\u003e\n\u003ctd\u003e120-347V AC, 50\/60Hz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInput current\u003c\/th\u003e\n\u003ctd\u003e0.208A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003ePower\u003c\/th\u003e\n\u003ctd\u003e20W \/ 15W \/ 10W selectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLight color\u003c\/th\u003e\n\u003ctd\u003eRed \/ Green \/ Blue \/ Yellow \/ Purple selectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eBeam direction\u003c\/th\u003e\n\u003ctd\u003eUp \/ Down \/ Both (switch)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003ePhotocell\u003c\/th\u003e\n\u003ctd\u003eBuilt-in, 300lx switching threshold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInstallation\u003c\/th\u003e\n\u003ctd\u003ePlug and play\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eApplication\u003c\/th\u003e\n\u003ctd\u003eOutdoor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHousing finish\u003c\/th\u003e\n\u003ctd\u003eBlack\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eDesign and Finish\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003eHugo is a compact rectangular box with sharp, clean edges and a fine-grain textured black finish. A small light window on the bottom face and a single side screw are the only details, so the fixture reads as a quiet architectural block by day and a glowing accent at night.\u003c\/p\u003e\n\u003cp\u003eThe black housing sits flat against the wall and pairs well with stone, concrete, brick, timber and dark cladding.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eColor, Power and Beam Settings\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003eHugo gives you three adjustments on one fixture. Color can be set to red, green, blue, yellow or purple. Power can be set to 10W, 15W or 20W to match the surface and the mood. A beam direction switch sends the light up, down, or both.\u003c\/p\u003e\n\u003cp\u003eA built-in photocell with a 300lx threshold switches the fixture on as daylight fades, so no separate sensor or controller is needed. Please contact us at info@candclight.com if you would like help choosing settings for your project.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eWhere to Use It\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBuilding facades and entrances:\u003c\/strong\u003e flank a door with a pair to wash the wall with color.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePatios, walkways and courtyards:\u003c\/strong\u003e add a bright accent along an exterior wall.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSignage and feature walls:\u003c\/strong\u003e highlight a logo, texture or architectural detail.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRestaurant and hospitality exteriors:\u003c\/strong\u003e set the mood for guests as evening falls.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSeasonal and event lighting:\u003c\/strong\u003e change the color to suit the occasion.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eHugo is an outdoor fixture. Please contact us to confirm the location rating for your project.\u003c\/p\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\u003eWhat voltage does the Hugo use?\u003c\/strong\u003e\u003cbr\u003eUniversal 120-347V AC, 50\/60Hz, for Canadian projects.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat colors are available?\u003c\/strong\u003e\u003cbr\u003eRed, green, blue, yellow and purple, selectable on the fixture.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCan I change the brightness?\u003c\/strong\u003e\u003cbr\u003eYes. Output is selectable at 10W, 15W or 20W.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCan it light up, down, or both?\u003c\/strong\u003e\u003cbr\u003eYes. A beam direction switch lets you choose up, down or both.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDoes it turn on automatically?\u003c\/strong\u003e\u003cbr\u003eYes. A built-in photocell switches it on with a 300lx threshold, so no external sensor is needed.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIs it for outdoor use?\u003c\/strong\u003e\u003cbr\u003eYes, Hugo is an outdoor fixture. Please contact us at info@candclight.com to confirm the location rating for your project.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhere can I find size details?\u003c\/strong\u003e\u003cbr\u003eContact us at info@candclight.com and we will confirm dimensions for your project.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .spec-page{\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 40px 16px 24px;\n  }\n  \/* HERO *\/\n  .spec-hero{\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 56px;\n    align-items: center;\n  }\n  .spec-hero-media img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\n  }\n  .spec-title{\n    margin: 0 0 10px;\n    font-size: clamp(28px, 3vw, 40px);\n    line-height: 1.15;\n    font-weight: 600;\n    letter-spacing: 0.2px;\n  }\n  .spec-tagline{\n    margin: 0 0 18px;\n    font-size: 16px;\n    line-height: 1.55;\n    font-weight: 400;\n    color: rgba(0,0,0,0.70);\n    max-width: 46ch;\n  }\n  \/* Stat row: minimal pipe-separated *\/\n  .spec-stats{\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 14px;\n    margin: 0 0 22px;\n    font-size: 13px;\n    letter-spacing: 0.3px;\n    color: rgba(0,0,0,0.62);\n  }\n  .spec-stats span{\n    position: relative;\n    padding-right: 14px;\n    white-space: nowrap;\n  }\n  .spec-stats span:not(:last-child)::after{\n    content: \"|\";\n    position: absolute;\n    right: 4px;\n    color: rgba(0,0,0,0.28);\n  }\n  \/* CTA button *\/\n  .spec-btn{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 20px;\n    border-radius: 10px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 14px;\n    background: #111;\n    color: #fff !important;\n    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{\n    background: #2a2a2a;\n    border-color: #2a2a2a;\n    transform: translateY(-1px);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.14);\n  }\n  \/* SUPPORT *\/\n  .spec-support{\n    margin-top: 32px;\n  }\n  .spec-support img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\n  }\n  \/* FEATURES *\/\n  .spec-features{\n    margin-top: 40px;\n    padding-top: 26px;\n    border-top: 1px solid rgba(0,0,0,0.08);\n  }\n  .spec-section-title{\n    margin: 0 0 18px;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.2px;\n    color: rgba(0,0,0,0.88);\n  }\n  .spec-feature-grid{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px 40px;\n    align-items: start;\n  }\n  .spec-feature{\n    display: grid;\n    grid-template-columns: 210px 1fr;\n    gap: 14px;\n  }\n  .spec-feature-label{\n    font-size: 13px;\n    font-weight: 600;\n    color: rgba(0,0,0,0.90);\n    letter-spacing: 0.2px;\n  }\n  .spec-feature-text{\n    font-size: 14px;\n    line-height: 1.6;\n    color: rgba(0,0,0,0.68);\n  }\n  \/* Mobile *\/\n  @media (max-width: 900px){\n    .spec-hero{\n      grid-template-columns: 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n    .spec-stats span{\n      padding-right: 0;\n      white-space: normal;\n    }\n    .spec-stats span:not(:last-child)::after{\n      content: \"\";\n    }\n    .spec-feature-grid{\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .spec-feature{\n      grid-template-columns: 1fr;\n      gap: 6px;\n    }\n  }\n\n\/* FULL-WIDTH CAROUSEL *\/\n.spec-carousel{\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  margin-top: -40px;\n  margin-bottom: 26px;\n  overflow: hidden;\n  background: #0b0b0b;\n}\n.spec-carousel-track{\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.spec-carousel-btn{\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 42px;\n  height: 42px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,0.22);\n  background: rgba(0,0,0,0.38);\n  color: #fff;\n  font-size: 22px;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform 120ms ease, background 120ms ease;\n}\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n.spec-carousel-btn.next{\n  right: 14px;\n}\n.spec-carousel-dots{\n  position: absolute;\n  left: 50%;\n  bottom: 14px;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 8px;\n  padding: 6px 10px;\n  border-radius: 999px;\n  background: rgba(0,0,0,0.28);\n  border: 1px solid rgba(255,255,255,0.12);\n}\n.spec-carousel-dot{\n  width: 8px;\n  height: 8px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.35);\n  border: 0;\n  cursor: pointer;\n}\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\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-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  .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  .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  @media (max-width: 900px) {\n    .spec-code-tables { grid-template-columns: 1fr 1fr; }\n    .spec-code-val { 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\u003c\/section\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":46380461555797,"sku":"C\u0026C-F58","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/hugo-outdoor-led-wall-light-black-product.png?v=1792161388","url":"https:\/\/candclight.com\/zh\/products\/hugo-outdoor-color-led-wall-light","provider":"C\u0026C Lighting","version":"1.0","type":"link"}