{"product_id":"hazel-tube-surface-downlight","title":"Hazel Tube Surface Downlight","description":"\u003cdiv class=\"tdwl-detail\"\u003e\n\u003cstyle\u003e\n.tdwl-detail {\n  --fecify-body-size: clamp(16px, 1rem, 18px);\n  --fecify-small-size: clamp(14px, 0.875rem, 16px);\n  --fecify-subtitle-size: clamp(18px, 1.25rem, 22px);\n  --fecify-title-size: clamp(28px, calc(1.7rem + 0.8vw), 42px);\n  --ink: #241e1a;\n  --body: #4f4842;\n  --muted: #655c54;\n  --brass: #6e5434;\n  --line: #e3d5c4;\n  --paper: #f3eee6;\n  --ivory: #fffdf9;\n  --band: #ebe4d8;\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: clamp(20px, 3vw, 32px) clamp(16px, 2.6vw, 32px) 22px;\n  color: var(--ink);\n  background: var(--paper);\n  border-radius: 22px;\n  font-family: inherit;\n  font-synthesis: none;\n}\n.tdwl-detail * { box-sizing: border-box; }\n.tdwl-detail h2,\n.tdwl-detail h3,\n.tdwl-detail p,\n.tdwl-detail li,\n.tdwl-detail td,\n.tdwl-detail th,\n.tdwl-detail span,\n.tdwl-detail label {\n  font-family: inherit;\n  letter-spacing: normal;\n  text-transform: none;\n}\n.tdwl-detail h2 {\n  margin: 0 0 14px;\n  color: var(--ink);\n  font-size: var(--fecify-title-size);\n  font-weight: 650;\n  line-height: 1.18;\n}\n.tdwl-detail h3 {\n  margin: 0 0 6px;\n  color: var(--ink);\n  font-size: var(--fecify-subtitle-size);\n  font-weight: 650;\n  line-height: 1.3;\n}\n.tdwl-detail p,\n.tdwl-detail li,\n.tdwl-detail td {\n  margin: 0;\n  color: var(--body);\n  font-size: var(--fecify-body-size);\n  font-weight: 400;\n  line-height: 1.7;\n}\n.tdwl-detail img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  aspect-ratio: 3 \/ 4;\n  object-fit: cover;\n  border: 0;\n  background: #f3eee6;\n}\n.tdwl-detail__kicker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 12px;\n  color: var(--brass);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.4;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n}\n.tdwl-detail__kicker span {\n  display: block;\n  width: 22px;\n  height: 1px;\n  background: var(--brass);\n}\n.tdwl-detail__lead {\n  max-width: 36rem;\n  margin: 0;\n}\n.tdwl-detail__hero,\n.tdwl-detail__highlights,\n.tdwl-detail__specs-top {\n  display: grid;\n  gap: clamp(24px, 4vw, 52px);\n  align-items: center;\n}\n.tdwl-detail__hero {\n  grid-template-columns: minmax(0, 0.96fr) minmax(280px, 1.04fr);\n  padding-bottom: clamp(8px, 2vw, 18px);\n}\n.tdwl-detail__mat {\n  margin: 0;\n  padding: 8px 8px 12px;\n  background: var(--ivory);\n  border: 1px solid var(--line);\n  border-radius: 18px;\n}\n.tdwl-detail__mat img { border-radius: 12px; }\n.tdwl-detail__mat--quiet { padding: 8px; }\n.tdwl-detail__mat figcaption,\n.tdwl-detail__cap {\n  margin: 10px 6px 0;\n  color: var(--muted);\n  font-size: var(--fecify-small-size);\n  font-weight: 400;\n  line-height: 1.45;\n}\n.tdwl-detail__highlights,\n.tdwl-detail__specs {\n  padding: clamp(28px, 4.5vw, 48px) 0 0;\n  border-top: 1px solid var(--line);\n  margin-top: clamp(26px, 4vw, 40px);\n}\n.tdwl-detail__highlights {\n  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);\n  align-items: start;\n  padding-top: clamp(28px, 4.5vw, 48px);\n  margin-top: clamp(26px, 4vw, 40px);\n}\n.tdwl-detail .tdwl-detail__highlights h2 {\n  margin: 0 0 14px !important;\n  font-size: var(--fecify-title-size);\n  font-weight: 650;\n  line-height: 1.18;\n}\n.tdwl-detail .tdwl-detail__highlights .tdwl-detail__intro {\n  margin: 0 0 8px !important;\n  color: var(--body);\n  font-size: var(--fecify-body-size);\n  font-weight: 400;\n  line-height: 1.7;\n}\n.tdwl-detail__point {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 8px;\n  padding: 14px 0;\n  border-bottom: 1px solid var(--line);\n}\n.tdwl-detail__point:last-child { border-bottom: 0; padding-bottom: 0; }\n.tdwl-detail__num {\n  color: var(--brass);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.8;\n  letter-spacing: 0.04em;\n}\n.tdwl-detail .tdwl-detail__point h3 {\n  margin: 0 0 6px !important;\n  color: var(--ink);\n  font-size: var(--fecify-subtitle-size);\n  font-weight: 650;\n  line-height: 1.3;\n}\n.tdwl-detail .tdwl-detail__point p {\n  margin: 0 !important;\n  color: var(--muted);\n  font-size: var(--fecify-small-size);\n  font-weight: 400;\n  line-height: 1.65;\n}\n.tdwl-detail__specs-top {\n  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);\n  align-items: stretch;\n}\n.tdwl-detail__specs-copy { min-width: 0; }\n.tdwl-detail__specs-media {\n  min-width: 0;\n  min-height: 0;\n  margin-top: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.tdwl-detail__specs-media .tdwl-detail__mat,\n.tdwl-detail__specs-media .tdwl-detail__carousel {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n}\n.tdwl-detail__specs-media .tdwl-detail__stage {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: hidden;\n}\n.tdwl-detail__specs-media .tdwl-detail__stage \u003e img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  aspect-ratio: auto;\n  object-fit: cover;\n  object-position: center;\n}\n.tdwl-detail .tdwl-detail__specs-copy h2 {\n  margin-bottom: 10px !important;\n}\n\n.tdwl-detail__details { margin: 0; padding: 0; }\n.tdwl-detail__details-head { max-width: 38rem; margin-bottom: 18px; }\n.tdwl-detail__details-head p:last-child {\n  margin: 0;\n  color: var(--muted);\n  font-size: var(--fecify-small-size);\n  line-height: 1.6;\n}\n.tdwl-detail__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n}\n.tdwl-detail__index {\n  display: block;\n  margin-bottom: 3px;\n  color: var(--brass);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.4;\n  letter-spacing: 0.08em;\n}\n.tdwl-detail__hero {\n  margin-top: clamp(26px, 4vw, 40px);\n  padding-top: clamp(28px, 4.5vw, 48px);\n  border-top: 1px solid var(--line);\n}\n.tdwl-detail__carousel { position: relative; }\n.tdwl-detail__radio {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  appearance: none;\n  cursor: pointer;\n}\n.tdwl-detail__stage { position: relative; }\n.tdwl-detail__stage \u003e img { display: none; }\n.tdwl-detail__stage \u003e img.is-only { display: block; }\n.tdwl-detail__arrow {\n  display: flex;\n  visibility: hidden;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  z-index: 2;\n  width: 40px;\n  height: 40px;\n  margin-top: -20px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--ivory);\n  color: var(--ink);\n  font-size: 0;\n  line-height: 1;\n  cursor: pointer;\n  align-items: center;\n  justify-content: center;\n}\n.tdwl-detail__arrow::before {\n  color: var(--ink);\n  font-size: 22px;\n  line-height: 1;\n}\n.tdwl-detail__prev { left: 12px; }\n.tdwl-detail__prev::before { content: \"‹\"; }\n.tdwl-detail__next { right: 12px; }\n.tdwl-detail__next::before { content: \"›\"; }\n.tdwl-detail__thumbs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-top: 8px;\n}\n.tdwl-detail__thumb {\n  position: relative;\n  display: block;\n  width: 52px;\n  flex: 0 0 52px;\n  margin: 0;\n  padding: 2px;\n  border: 1px solid var(--line);\n  border-radius: 6px;\n  background: var(--ivory);\n  cursor: pointer;\n}\n.tdwl-detail__thumb img {\n  width: 100%;\n  height: 48px;\n  aspect-ratio: 1;\n  object-fit: cover;\n}\n.tdwl-detail__thumb img {\n  width: 100%;\n  height: 48px;\n  object-fit: cover;\n  border-radius: 5px;\n}\n.tdwl-detail__cap { display: none; text-align: center; }\n.tdwl-detail__cap b {\n  display: block;\n  color: var(--ink);\n  font-weight: 600;\n}\n.tdwl-detail .tdwl-detail__table {\n  width: 100%;\n  border-collapse: collapse;\n  border: 0 !important;\n  background: transparent !important;\n}\n.tdwl-detail .tdwl-detail__table th,\n.tdwl-detail .tdwl-detail__table td {\n  padding: 7px 0 !important;\n  text-align: left;\n  vertical-align: top;\n  border: 0 !important;\n  border-bottom: 1px solid var(--line) !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n.tdwl-detail .tdwl-detail__table th {\n  width: 34%;\n  padding-right: 16px !important;\n  color: var(--muted);\n  font-size: var(--fecify-small-size);\n  font-weight: 500;\n  line-height: 1.5;\n}\n.tdwl-detail__table td {\n  color: var(--ink);\n  font-size: var(--fecify-small-size);\n  line-height: 1.4;\n}\n.tdwl-detail__group {\n  margin: 10px 0 2px;\n  color: var(--brass);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.4;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n.tdwl-detail__group:first-of-type { margin-top: 0; }\n\n@media (max-width: 800px) {\n  .tdwl-detail__hero,\n  .tdwl-detail__highlights,\n  .tdwl-detail__specs-top,\n  .tdwl-detail__grid { grid-template-columns: 1fr; }\n  .tdwl-detail__hero-media,\n  .tdwl-detail__specs-media { order: -1; }\n  .tdwl-detail__specs,\n  .tdwl-detail__specs-top,\n  .tdwl-detail__specs-media,\n  .tdwl-detail__specs-media .tdwl-detail__mat,\n  .tdwl-detail__carousel { min-width: 0; max-width: 100%; }\n  .tdwl-detail__carousel { max-width: 100%; }\n  .tdwl-detail__thumbs {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 8px;\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    overscroll-behavior-x: contain;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x proximity;\n    scrollbar-width: thin;\n    touch-action: pan-x;\n    cursor: grab;\n    user-select: none;\n  }\n  .tdwl-detail__thumbs:active { cursor: grabbing; }\n  .tdwl-detail__thumb {\n    flex: 0 0 30%;\n    min-width: 30%;\n    scroll-snap-align: start;\n    touch-action: pan-x;\n  }\n  .tdwl-detail__thumb .tdwl-detail__radio { touch-action: pan-x; }\n  .tdwl-detail img { max-width: 100%; height: auto; object-fit: contain; }\n  .tdwl-detail__specs-media { height: auto; overflow: visible; }\n  .tdwl-detail__specs-media .tdwl-detail__mat,\n  .tdwl-detail__specs-media .tdwl-detail__carousel { height: auto; }\n  .tdwl-detail__specs-media .tdwl-detail__stage {\n    flex: none;\n    min-height: 0;\n    aspect-ratio: 3 \/ 4;\n  }\n  .tdwl-detail__specs-media .tdwl-detail__stage \u003e img {\n    height: 100%;\n    aspect-ratio: auto;\n    object-fit: cover;\n  }\n}\n\n\/* specs-fit-v3 *\/\n.tdwl-detail__specs-top { align-items: stretch !important; }\n.tdwl-detail__specs-media {\n  min-height: 0 !important;\n  height: auto !important;\n  overflow: hidden !important;\n}\n.tdwl-detail .tdwl-detail__specs-media .tdwl-detail__mat,\n.tdwl-detail .tdwl-detail__specs-media .tdwl-detail__carousel {\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 1 auto !important;\n  min-height: 0 !important;\n  height: 100% !important;\n}\n.tdwl-detail .tdwl-detail__specs-media .tdwl-detail__stage {\n  position: relative !important;\n  flex: 1 1 auto !important;\n  min-height: 0 !important;\n  overflow: hidden !important;\n}\n.tdwl-detail .tdwl-detail__specs-media .tdwl-detail__stage \u003e img {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-height: none !important;\n  aspect-ratio: auto !important;\n  object-fit: cover !important;\n  object-position: center !important;\n}\n.tdwl-detail .tdwl-detail__specs .tdwl-detail__thumbs { display: none !important; }\n@media (max-width: 800px) {\n  .tdwl-detail .tdwl-detail__specs-media,\n  .tdwl-detail .tdwl-detail__specs-media .tdwl-detail__mat,\n  .tdwl-detail .tdwl-detail__specs-media .tdwl-detail__carousel { height: auto !important; }\n  .tdwl-detail .tdwl-detail__specs-media .tdwl-detail__stage {\n    flex: none !important;\n    aspect-ratio: 3 \/ 4 !important;\n  }\n}\n\n\/* section-fit-v4 *\/\n.tdwl-detail__hero {\n  grid-template-columns: minmax(0, 1.08fr) minmax(220px, 0.92fr) !important;\n  align-items: stretch !important;\n  margin-top: 14px !important;\n  padding-top: 14px !important;\n  padding-bottom: 0 !important;\n}\n.tdwl-detail__highlights,\n.tdwl-detail__specs {\n  margin-top: 14px !important;\n  padding-top: 14px !important;\n}\n.tdwl-detail__hero-media {\n  position: relative !important;\n  min-height: 0 !important;\n  height: 100% !important;\n  margin: 0 !important;\n}\n.tdwl-detail .tdwl-detail__hero-media \u003e img {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-height: none !important;\n  aspect-ratio: auto !important;\n  object-fit: cover !important;\n  object-position: center !important;\n}\n@media (max-width: 800px) {\n  .tdwl-detail__hero-media { height: auto !important; }\n  .tdwl-detail .tdwl-detail__hero-media \u003e img {\n    position: static !important;\n    height: auto !important;\n    aspect-ratio: 4 \/ 5 !important;\n  }\n}\n\n\/* specs-fit-v5 *\/\n.tdwl-detail .tdwl-detail__specs-media .tdwl-detail__stage \u003e img {\n  object-fit: contain !important;\n  background: #f3eee6 !important;\n}\n\n\/* section-fit-v6 *\/\n.tdwl-detail__hero {\n  grid-template-columns: minmax(0, 1.35fr) minmax(180px, 0.65fr) !important;\n  align-items: center !important;\n}\n.tdwl-detail__hero-media {\n  position: static !important;\n  height: auto !important;\n}\n.tdwl-detail .tdwl-detail__hero-media \u003e img {\n  position: static !important;\n  inset: auto !important;\n  width: 100% !important;\n  height: auto !important;\n  max-height: none !important;\n  aspect-ratio: 3 \/ 4 !important;\n  object-fit: contain !important;\n  background: #f3eee6 !important;\n}\n\/* hero-mobile-v7 *\/\n@media (max-width: 800px) {\n  .tdwl-detail__hero {\n    display: flex !important;\n    flex-direction: column !important;\n    grid-template-columns: 1fr !important;\n  }\n  .tdwl-detail__hero-media {\n    order: -1 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n  }\n  .tdwl-detail__hero-copy {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  .tdwl-detail .tdwl-detail__hero-media \u003e img {\n    display: block !important;\n    float: none !important;\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 3 \/ 4 !important;\n    object-fit: contain !important;\n  }\n}\n@media (max-width: 800px) {\n  .tdwl-detail__hero {\n    display: flex !important;\n    flex-direction: column !important;\n    grid-template-columns: 1fr !important;\n  }\n  .tdwl-detail__hero-media {\n    order: -1 !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n  }\n  .tdwl-detail__hero-copy {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n  .tdwl-detail .tdwl-detail__hero-media \u003e img {\n    display: block !important;\n    float: none !important;\n    width: 100% !important;\n    height: auto !important;\n    aspect-ratio: 3 \/ 4 !important;\n    object-fit: contain !important;\n  }\n}\n\n.tdwl-detail__stage \u003e .tdwl-detail__slide--1 { display: block; }\n.tdwl-detail__cap--1 { display: block; }\n.tdwl-detail__prev--1, .tdwl-detail__next--1 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__thumb--1 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__slide--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__slide--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__slide--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__slide--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__slide--1 { display: none; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__cap--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__cap--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__cap--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__cap--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__cap--1 { display: none; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__prev--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__prev--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__prev--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__prev--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__prev--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__next--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__next--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__next--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__next--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__next--1 { visibility: hidden; pointer-events: none; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__thumb--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__thumb--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__thumb--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__thumb--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__thumb--1 { border-color: var(--line); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--1:checked) .tdwl-detail__slide--1 { display: block; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--1:checked) .tdwl-detail__prev--1,\n.tdwl-detail__carousel:has(.tdwl-detail__go--1:checked) .tdwl-detail__next--1 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--1:checked) .tdwl-detail__thumb--1 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--1:checked) .tdwl-detail__cap--1 { display: block; }\n\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__slide--2 { display: block; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__prev--2,\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__next--2 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__thumb--2 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--2:checked) .tdwl-detail__cap--2 { display: block; }\n\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__slide--3 { display: block; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__prev--3,\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__next--3 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__thumb--3 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--3:checked) .tdwl-detail__cap--3 { display: block; }\n\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__slide--4 { display: block; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__prev--4,\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__next--4 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__thumb--4 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--4:checked) .tdwl-detail__cap--4 { display: block; }\n\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__slide--5 { display: block; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__prev--5,\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__next--5 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__thumb--5 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--5:checked) .tdwl-detail__cap--5 { display: block; }\n\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__slide--6 { display: block; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__prev--6,\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__next--6 { visibility: visible; pointer-events: auto; z-index: 3; }\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__thumb--6 { border-color: var(--ink); }\n.tdwl-detail__carousel:has(.tdwl-detail__go--6:checked) .tdwl-detail__cap--6 { display: block; }\n\n\u003c\/style\u003e\n\u003csection class=\"tdwl-detail__details\"\u003e\n  \u003cdiv class=\"tdwl-detail__details-head\"\u003e\n    \u003cp class=\"tdwl-detail__kicker\"\u003e\u003cspan\u003e\u003c\/span\u003eDetails\u003c\/p\u003e\n    \u003ch2 class=\"tdwl-detail__title\"\u003eFinish, rim, and joint\u003c\/h2\u003e\n    \u003cp\u003eThree close views show the matte exterior, the angled opening, and the seam where the cylinder is joined\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"tdwl-detail__grid\"\u003e\n    \u003cfigure class=\"tdwl-detail__mat\"\u003e\n  \u003cimg src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/1e5806beeae45e9d5e3cd476e60e8d1a.webp\" alt=\"The exterior is a deep matte black with a fine, even grain, and a soft vertical edge runs along the left of the frame\" width=\"1254\" height=\"1254\"\u003e\n  \u003cfigcaption\u003e\u003cspan class=\"tdwl-detail__index\"\u003e01\u003c\/span\u003eThe exterior is a deep matte black with a fine, even grain, and a soft vertical edge runs along the left of the frame\u003c\/figcaption\u003e\n\u003c\/figure\u003e\u003cfigure class=\"tdwl-detail__mat\"\u003e\n  \u003cimg src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/9b897d27d051b76f00f1424bde5190d7.webp\" alt=\"An angled cut opens the tube onto a brushed gold interior, edged by a smooth black rim\" width=\"1254\" height=\"1254\"\u003e\n  \u003cfigcaption\u003e\u003cspan class=\"tdwl-detail__index\"\u003e02\u003c\/span\u003eAn angled cut opens the tube onto a brushed gold interior, edged by a smooth black rim\u003c\/figcaption\u003e\n\u003c\/figure\u003e\u003cfigure class=\"tdwl-detail__mat\"\u003e\n  \u003cimg src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/01f92a44d03e93af4cf9fddc63a5a41c.webp\" alt=\"A narrow horizontal seam circles the cylinder where two sections meet, with the gold interior just visible below\" width=\"1254\" height=\"1254\"\u003e\n  \u003cfigcaption\u003e\u003cspan class=\"tdwl-detail__index\"\u003e03\u003c\/span\u003eA narrow horizontal seam circles the cylinder where two sections meet, with the gold interior just visible below\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tdwl-detail__hero\"\u003e\n  \u003cdiv class=\"tdwl-detail__hero-copy\"\u003e\n    \u003cp class=\"tdwl-detail__kicker\"\u003e\u003cspan\u003e\u003c\/span\u003eSurface downlight\u003c\/p\u003e\n    \u003ch2 class=\"tdwl-detail__title\"\u003eSlim cylinder,\u003cbr\u003e\nclean downward light\u003c\/h2\u003e\n    \u003cp class=\"tdwl-detail__lead\"\u003eA slim cylinder in matte black or white sits directly on the ceiling and sends light cleanly downward. No recess is required. Three heights share the same narrow body, so the fixture can scale to ceiling height and the proportion of the room\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cfigure class=\"tdwl-detail__mat tdwl-detail__mat--quiet tdwl-detail__hero-media\"\u003e\n    \u003cimg src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/782afe48d3acf43dc548414faf1ebfab.webp\" alt=\"Slim cylinder,\nclean downward light\" width=\"1448\" height=\"1086\"\u003e\n  \u003c\/figure\u003e\n\u003c\/section\u003e\n\u003csection class=\"tdwl-detail__highlights\"\u003e\n  \u003cfigure class=\"tdwl-detail__mat tdwl-detail__mat--quiet\"\u003e\n    \u003cimg src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/f0e9cb1612faa6344b72b63bfd019325.webp\" alt=\"Narrow form, focused beam\" width=\"1086\" height=\"1448\"\u003e\n  \u003c\/figure\u003e\n  \u003cdiv\u003e\n    \u003cp class=\"tdwl-detail__kicker\"\u003e\u003cspan\u003e\u003c\/span\u003eHighlights\u003c\/p\u003e\n    \u003ch2 class=\"tdwl-detail__title\"\u003eNarrow form, focused beam\u003c\/h2\u003e\n    \u003cp class=\"tdwl-detail__intro\"\u003eOne slim tube, two matte finishes, and three heights share a warm integrated LED\u003c\/p\u003e\n    \u003cdiv class=\"tdwl-detail__point\"\u003e\n\u003cspan class=\"tdwl-detail__num\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003ch3\u003eThree heights\u003c\/h3\u003e\n\u003cp\u003eShort is 9.1″ for low ceilings and compact spaces. Medium is 14″ for bars, dining, and hallways. Tall is 23.6″ for higher ceilings. All share a 2.5″ diameter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tdwl-detail__point\"\u003e\n\u003cspan class=\"tdwl-detail__num\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003ch3\u003eMatte black or white\u003c\/h3\u003e\n\u003cp\u003eMatte black gives bold contrast for bars and retail. Matte white blends with pale ceilings. The finish covers the body and the shade\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tdwl-detail__point\"\u003e\n\u003cspan class=\"tdwl-detail__num\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003ch3\u003eIntegrated LED\u003c\/h3\u003e\n\u003cp\u003eA non-replaceable integrated LED of ~7W is standard at 3000K warm light. Neutral 4000K, cool 6000K, and dimming are available on request\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tdwl-detail__point\"\u003e\n\u003cspan class=\"tdwl-detail__num\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003ch3\u003eMetal, aluminum, acrylic\u003c\/h3\u003e\n\u003cp\u003eMetal, aluminum, and acrylic form the slim cylinder\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tdwl-detail__specs\"\u003e\n  \u003cdiv class=\"tdwl-detail__specs-top\"\u003e\n    \u003cdiv class=\"tdwl-detail__specs-copy\"\u003e\n      \u003cp class=\"tdwl-detail__kicker\"\u003e\u003cspan\u003e\u003c\/span\u003eSpecifications\u003c\/p\u003e\n      \u003ch2 class=\"tdwl-detail__title\"\u003eSize and light\u003c\/h2\u003e\n      \u003ctable class=\"tdwl-detail__table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003ctd\u003eDia 6.5 cm ×: 23 cm. Dia 6.5 cm ×: 35.5 cm. Dia 6.5 cm ×: 60 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLight source\u003c\/th\u003e\n\u003ctd\u003eIntegrated LED, ~7W (non-replaceable)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColour temperature\u003c\/th\u003e\n\u003ctd\u003e3000K warm light (default); 4000K, 6000K, and dimming on request\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eVoltage\u003c\/th\u003e\n\u003ctd\u003eAC 110–240V\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMaterials\u003c\/th\u003e\n\u003ctd\u003eMetal, aluminum, acrylic\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eMatte black or matte white (body and shade)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMounting\u003c\/th\u003e\n\u003ctd\u003eSurface ceiling\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eWiring\u003c\/th\u003e\n\u003ctd\u003eHardwired\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eControl\u003c\/th\u003e\n\u003ctd\u003eStandard wall switch (not included)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eEnvironment\u003c\/th\u003e\n\u003ctd\u003eIndoor only\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tdwl-detail__specs-media\"\u003e\n      \u003cdiv class=\"tdwl-detail__mat tdwl-detail__mat--quiet\"\u003e\n        \u003cdiv class=\"tdwl-detail__carousel\"\u003e\n          \u003cdiv class=\"tdwl-detail__stage\"\u003e\n\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--1\" src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/3148675acd5eb6c7ab5f581101d876a4.webp\" alt=\"Black · Warm Light\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--2\" src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/bf1c2bcbfd8d7f65a30272ed978f9e5b.webp\" alt=\"White · Warm Light\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--3\" src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/67f6cd14b94e7d94d46da07ba9d5e2d2.webp\" alt=\"Black · Warm Light\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--4\" src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/ba425f2ec1566943b6987c18c01cb104.webp\" alt=\"White · Warm Light\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--5\" src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/dcc777d1f2471a805d6e15a07edd8651.webp\" alt=\"Black · Warm Light\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--6\" src=\"https:\/\/7889264f09.yunchenkeji.com\/media\/product\/585\/image\/2026\/11\/10\/9fb8d170761f323ee01d5b2a938b90ef.webp\" alt=\"White · Warm Light\" width=\"1500\" height=\"1500\"\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__prev tdwl-detail__prev--1\" aria-label=\"Previous\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--6\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__next tdwl-detail__next--1\" aria-label=\"Next\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--2\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__prev tdwl-detail__prev--2\" aria-label=\"Previous\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--1\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__next tdwl-detail__next--2\" aria-label=\"Next\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--3\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__prev tdwl-detail__prev--3\" aria-label=\"Previous\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--2\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__next tdwl-detail__next--3\" aria-label=\"Next\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--4\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__prev tdwl-detail__prev--4\" aria-label=\"Previous\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--3\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__next tdwl-detail__next--4\" aria-label=\"Next\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--5\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__prev tdwl-detail__prev--5\" aria-label=\"Previous\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--4\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__next tdwl-detail__next--5\" aria-label=\"Next\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--6\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__prev tdwl-detail__prev--6\" aria-label=\"Previous\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--5\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\u003clabel class=\"tdwl-detail__arrow tdwl-detail__next tdwl-detail__next--6\" aria-label=\"Next\"\u003e\u003cinput class=\"tdwl-detail__radio tdwl-detail__go--1\" type=\"radio\" name=\"tdwl-sku\" tabindex=\"-1\"\u003e\u003c\/label\u003e\n\u003c\/div\u003e\n          \u003cp class=\"tdwl-detail__cap tdwl-detail__cap--1\"\u003e\u003cb\u003eBlack · Warm Light\u003c\/b\u003e∅ 2.5″ x H 9.1″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--2\"\u003e\u003cb\u003eWhite · Warm Light\u003c\/b\u003e∅ 2.5″ x H 9.1″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--3\"\u003e\u003cb\u003eBlack · Warm Light\u003c\/b\u003e∅ 2.5″ x H 14″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--4\"\u003e\u003cb\u003eWhite · Warm Light\u003c\/b\u003e∅ 2.5″ x H 14″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--5\"\u003e\u003cb\u003eBlack · Warm Light\u003c\/b\u003e∅ 2.5″ x H 23.6″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--6\"\u003e\u003cb\u003eWhite · Warm Light\u003c\/b\u003e∅ 2.5″ x H 23.6″\u003c\/p\u003e\n          \n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"monulo","offers":[{"title":"∅ 2.5″ x H 9.1″ \/ Black \/ Warm Light","offer_id":68030245896350,"sku":"TCVak-2611All-1147149","price":89.0,"currency_code":"USD","in_stock":true},{"title":"∅ 2.5″ x H 9.1″ \/ White \/ Warm Light","offer_id":68030245929118,"sku":"TCVak-2611All-1147148","price":89.0,"currency_code":"USD","in_stock":true},{"title":"∅ 2.5″ x H 14″ \/ Black \/ Warm Light","offer_id":68030245961886,"sku":"TCVak-2611All-1147147","price":106.0,"currency_code":"USD","in_stock":true},{"title":"∅ 2.5″ x H 14″ \/ White \/ Warm Light","offer_id":68030245994654,"sku":"TCVak-2611All-1147146","price":106.0,"currency_code":"USD","in_stock":true},{"title":"∅ 2.5″ x H 23.6″ \/ Black \/ Warm Light","offer_id":68030246027422,"sku":"TCVak-2611All-1147145","price":133.0,"currency_code":"USD","in_stock":true},{"title":"∅ 2.5″ x H 23.6″ \/ White \/ Warm Light","offer_id":68030246060190,"sku":"TCVak-2611All-1147144","price":133.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/3148675acd5eb6c7ab5f581101d876a4.webp?v=1794551453","url":"https:\/\/www.monulo.com\/products\/hazel-tube-surface-downlight","provider":"Monulo","version":"1.0","type":"link"}