{"product_id":"vesper-black-disc-led-pendant-light","title":"Vesper Black Disc LED Pendant 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 Vesper black disc LED pendant lights hanging over a stone kitchen island, each with a glowing opal dome and a warm center downlight\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/vesper-black-disc-led-pendant-light-kitchen-island.png?v=1792862622\"\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 Vesper glossy black disc pendant light with a white underside, a glowing opal dome and a small center downlight on a slim black rod\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/vesper-black-disc-led-pendant-light-product.jpg?v=1792862621\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-hero-content\"\u003e\n\u003ch4 class=\"spec-title\"\u003eVesper Black Disc LED Pendant Light\u003c\/h4\u003e\n\u003cp class=\"spec-tagline\"\u003eThe C\u0026amp;C Vesper is a wide pendant with a glossy black disc shade, a bright white interior and a soft opal dome at its center. The dome gives a gentle, even glow and a small downlight adds a focused pool of light below. Hang it over a dining table, kitchen island, entry or lounge, alone or as a pair.\u003c\/p\u003e\n\u003cdiv class=\"spec-stats\"\u003e\n\u003cspan\u003e100-260V driver\u003c\/span\u003e \u003cspan\u003e350 \/ 400 \/ 450mA\u003c\/span\u003e \u003cspan\u003eOpal dome\u003c\/span\u003e \u003cspan\u003eCenter downlight\u003c\/span\u003e \u003cspan\u003eGlossy black shade\u003c\/span\u003e \u003cspan\u003eSlim rod suspension\u003c\/span\u003e \u003cspan\u003eClass II driver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Vesper_Spec_Sheet.pdf?v=1792862621\" class=\"spec-btn\" rel=\"noopener\" title=\"C\u0026amp;C Lighting Vesper Black Disc LED Pendant 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\"\u003eGlossy Black Disc Shade\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA wide, low profile with a clean edge that reads as a bold graphic shape.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eWhite Interior\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA bright underside that reflects light softly and keeps the glow warm and even.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eOpal Center Dome\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA frosted dome that diffuses the light and keeps glare low at eye level.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eFocused Downlight\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA small center spot that adds a defined pool of light over a table or counter.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eSlim Rod Suspension\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA thin black stem that keeps the focus on the shade.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eIntegral LED Driver\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA built-in constant current driver with a 100-260V input.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eSelectable Output\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eDriver output of 350mA, 400mA or 450mA to suit the light level you need.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eStatement Scale\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA wide pendant that works alone or in pairs over larger tables and counters.\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 Vesper Black Disc LED Pendant Light is a single ceiling-suspended fixture. To place an order, contact us at info@candclight.com with your project name, quantity and the drop length you need.\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-VESPER\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\"\u003eDriver Input\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e100-260V\u003c\/td\u003e\n\u003ctd\u003eAC input\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e50\/60Hz\u003c\/td\u003e\n\u003ctd\u003eFrequency\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e0.25A\u003c\/td\u003e\n\u003ctd\u003eInput current\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\"\u003eDriver Output\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e25-42V\u003c\/td\u003e\n\u003ctd\u003eDC, constant current\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e350mA\u003c\/td\u003e\n\u003ctd\u003eSelectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e400mA\u003c\/td\u003e\n\u003ctd\u003eSelectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003e450mA\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\"\u003eShade\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eDisc\u003c\/td\u003e\n\u003ctd\u003eGlossy black\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eInterior\u003c\/td\u003e\n\u003ctd\u003eWhite\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eDome\u003c\/td\u003e\n\u003ctd\u003eOpal, with center downlight\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\"\u003eMounting\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eCeiling\u003c\/td\u003e\n\u003ctd\u003eSuspended\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eRod\u003c\/td\u003e\n\u003ctd\u003eSlim black\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\/Vesper_Spec_Sheet.pdf?v=1792862621\" class=\"spec-btn\" rel=\"noopener\" title=\"Download Vesper Black Disc LED Pendant 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 Vesper Black Disc LED Pendant 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-VESPER\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd\u003ePendant light\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eShade\u003c\/th\u003e\n\u003ctd\u003eGlossy black disc with a white interior\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDiffuser\u003c\/th\u003e\n\u003ctd\u003eOpal dome with a center downlight\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eSuspension\u003c\/th\u003e\n\u003ctd\u003eSlim black rod\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDriver input\u003c\/th\u003e\n\u003ctd\u003e100-260V AC, 50\/60Hz, 0.25A\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDriver output\u003c\/th\u003e\n\u003ctd\u003e25-42V DC constant current, 350mA \/ 400mA \/ 450mA selectable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDriver type\u003c\/th\u003e\n\u003ctd\u003eClass II, double insulated, housed inside the shade\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMounting\u003c\/th\u003e\n\u003ctd\u003eCeiling, suspended\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eFinish\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\u003eVesper is named for the evening star and the first light of dusk. The wide black disc sits low and quiet above, while the white interior and the opal dome carry the glow below. A thin collar joins the shade to a slim rod, so the whole fixture reads as one clean, graphic shape.\u003c\/p\u003e\n\u003cp\u003eThe glossy black finish picks up soft reflections from the room, and the bright white underside keeps the light warm and flattering on tables, counters and faces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eDriver and Installation\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003eVesper uses an integral constant current LED driver housed inside the shade. Input accepts 100-260V at 50\/60Hz, and the output of 25-42V DC is selectable at 350mA, 400mA or 450mA. The driver is Class II, double insulated.\u003c\/p\u003e\n\u003cp\u003eThe fixture hangs from the ceiling on a slim black rod. Installation should be completed by a qualified electrician in accordance with local electrical codes. Please contact us for dimensions, wattage, color temperature, dimming and drop length 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\u003eDining tables:\u003c\/strong\u003e a single wide shade over a round table, or a pair over a long one.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKitchen islands:\u003c\/strong\u003e a pair gives soft ambient light and a focused pool on the counter.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntries and foyers:\u003c\/strong\u003e a bold centerpiece over a round table.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLounges and restaurants:\u003c\/strong\u003e a graphic, low-glare pendant over tables and banquettes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHotels and reception areas:\u003c\/strong\u003e a distinctive pendant for lobbies and front desks.\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\u003eWhat voltage does the Vesper use?\u003c\/strong\u003e\u003cbr\u003eThe driver accepts 100-260V AC, 50\/60Hz.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIs the output adjustable?\u003c\/strong\u003e\u003cbr\u003eThe driver output is selectable at 350mA, 400mA or 450mA. Please contact us at info@candclight.com to confirm the setting for your project.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDoes it have more than one light source?\u003c\/strong\u003e\u003cbr\u003eYes. The opal dome gives a soft, diffused glow and a small center downlight adds a focused pool of light.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat finishes are available?\u003c\/strong\u003e\u003cbr\u003eThe shade is glossy black with a white interior. Please contact us if you need other finishes.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIs it dimmable?\u003c\/strong\u003e\u003cbr\u003ePlease contact us to confirm dimming options for your project.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCan I hang more than one?\u003c\/strong\u003e\u003cbr\u003eYes. Vesper works alone, in a pair, or in a row over a long table or island.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhere can I find size details?\u003c\/strong\u003e\u003cbr\u003ePlease contact us at info@candclight.com and we will confirm the shade diameter, height and drop length 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":46524359901269,"sku":"C\u0026C-VESPER","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/vesper-black-disc-led-pendant-light-product.jpg?v=1792862621","url":"https:\/\/candclight.com\/products\/vesper-black-disc-led-pendant-light","provider":"C\u0026C Lighting","version":"1.0","type":"link"}