{"product_id":"hazel-frosted-globe-pendant-light","title":"Hazel Frosted Globe 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 Hazel frosted white globe pendant light on a slim black cord glowing warm white above a round oak dining table in a clay-plaster dining room\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/hazel-frosted-globe-pendant-light-dining-room-lifestyle.png?v=1792679387\"\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 Hazel frosted white globe pendant light with a small black canopy and a slim black cord, glowing warm white\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/hazel-frosted-globe-pendant-light-product.png?v=1792679386\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-hero-content\"\u003e\n\u003ch4 class=\"spec-title\"\u003eHazel Frosted Globe Pendant Light\u003c\/h4\u003e\n\u003cp class=\"spec-tagline\"\u003eThe C\u0026amp;C Hazel is a round pendant light with a smooth, frosted white globe on a slim black cord and a small black ceiling canopy. The globe softens the light into an even, glare-free glow, so it suits dining tables, kitchen islands, entries and hospitality spaces, alone or in a group.\u003c\/p\u003e\n\u003cdiv class=\"spec-stats\"\u003e\n\u003cspan\u003e110-277V\u003c\/span\u003e \u003cspan\u003e50\/60Hz\u003c\/span\u003e \u003cspan\u003eFrosted white globe\u003c\/span\u003e \u003cspan\u003eBlack cord and canopy\u003c\/span\u003e \u003cspan\u003eCeiling pendant\u003c\/span\u003e \u003cspan\u003eCluster ready\u003c\/span\u003e \u003cspan\u003eETL listed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Hazel_LED_Globe_Pendant.pdf?v=1792679386\" class=\"spec-btn\" rel=\"noopener\" title=\"C\u0026amp;C Lighting Hazel Frosted Globe 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\"\u003eFrosted Globe\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA smooth white sphere that softens the light and keeps glare low.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eSoft, Even Glow\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eDiffused light with no hard edges, flattering over tables and seating.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eSlim Black Cord\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA thin black suspension that keeps the focus on the globe.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eBlack Canopy\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eA low, clean ceiling cap that finishes the installation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003ePendant Mount\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eHangs from the ceiling, with no wall or track needed.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eWide Voltage Range\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003e110-277V input for residential and commercial projects.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eCluster Ready\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eLooks good alone, in a pair, or in a group at varied heights.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003eCertified\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003eETL listed for North America.\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 Hazel Frosted Globe 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 cord 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-G106\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\"\u003e110-277V\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\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\"\u003eGlobe\u003c\/td\u003e\n\u003ctd\u003eFrosted white\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eShape\u003c\/td\u003e\n\u003ctd\u003eRound\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\"\u003eCord and Canopy\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eCord\u003c\/td\u003e\n\u003ctd\u003eBlack\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eCanopy\u003c\/td\u003e\n\u003ctd\u003eBlack\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\"\u003eListing\u003c\/div\u003e\n\u003ctable class=\"spec-code-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"spec-code-key\"\u003eETL\u003c\/td\u003e\n\u003ctd\u003eListed (cETLus)\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\/Hazel_LED_Globe_Pendant.pdf?v=1792679386\" class=\"spec-btn\" rel=\"noopener\" title=\"Download Hazel Frosted Globe 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 Hazel Frosted Globe 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-G106\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\u003eRound, frosted white globe\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCord and canopy\u003c\/th\u003e\n\u003ctd\u003eBlack\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInput voltage\u003c\/th\u003e\n\u003ctd\u003e110-277V AC, 50\/60Hz\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\"\u003eCertification\u003c\/th\u003e\n\u003ctd\u003eETL listed (cETLus)\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\u003eHazel is built around a single, simple shape. A smooth frosted globe hangs from a slim black cord and meets the ceiling at a small black canopy, so the sphere reads as a soft moon of light with almost nothing around it.\u003c\/p\u003e\n\u003cp\u003eThe black cord and canopy stay quiet against any ceiling color, and the white globe pairs easily with timber, stone, plaster and painted walls.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"spec-accordion\"\u003e\n\u003csummary\u003eMounting and Installation\u003c\/summary\u003e\n\u003cdiv class=\"spec-accordion-body\"\u003e\n\u003cp\u003eHazel hangs from a black canopy fixed to the ceiling, and the globe is suspended on a slim black cord. It accepts 110-277V at 50\/60Hz, so the same fixture can be used on residential and commercial circuits.\u003c\/p\u003e\n\u003cp\u003eInstallation should be completed by a qualified electrician in accordance with local electrical codes. Please contact us for cord length, globe size and light source details 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 rooms:\u003c\/strong\u003e hang one globe over a round table, or a group over a long one.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eKitchen islands:\u003c\/strong\u003e a row of globes gives soft, even light along the counter.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEntries and stairwells:\u003c\/strong\u003e a single pendant adds a calm focal point at height.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBedrooms and living spaces:\u003c\/strong\u003e a soft glow beside a bed or above a reading chair.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCafes, restaurants and hotels:\u003c\/strong\u003e a clean, repeatable pendant for tables and lobbies.\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 Hazel use?\u003c\/strong\u003e\u003cbr\u003e110-277V AC, 50\/60Hz.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat is the globe made of and how big is it?\u003c\/strong\u003e\u003cbr\u003eThe globe is frosted white. Please contact us at info@candclight.com for the material and the diameter.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhat finishes are available?\u003c\/strong\u003e\u003cbr\u003eThe cord and canopy are black and the globe is frosted white.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCan I hang more than one?\u003c\/strong\u003e\u003cbr\u003eYes. Hazel works alone, in a pair, or in a group at varied heights.\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\u003eIs it certified?\u003c\/strong\u003e\u003cbr\u003eYes. It is ETL listed (cETLus) for North America.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eWhere can I find size details?\u003c\/strong\u003e\u003cbr\u003eDownload the spec sheet, or contact us at info@candclight.com and we will confirm dimensions and cord 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":46465511456853,"sku":"C\u0026C-G106","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/hazel-frosted-globe-pendant-light-product.png?v=1792679386","url":"https:\/\/candclight.com\/products\/hazel-frosted-globe-pendant-light","provider":"C\u0026C Lighting","version":"1.0","type":"link"}