{"product_id":"idyllic-hat-pendant-light","title":"Idyllic Hat Pendant light","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 { 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 { 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--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 { 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 { 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\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\"\u003eThe hat pendant, up close\u003c\/h2\u003e\n    \u003cp\u003eThree tight frames show the woven surface, the finished lower rim, and the canopy where the cord leaves the plate\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:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/8405f4e6cca262942f3ed0f7.webp?v=1794480180\" alt=\"Warm tan fiber is woven in tight, repeating horizontal courses that fill the frame. A sharp diagonal edge separates the weave from the plain background\" width=\"1254\" height=\"1254\"\u003e\n  \u003cfigcaption\u003e\u003cspan class=\"tdwl-detail__index\"\u003e01\u003c\/span\u003eWarm tan fiber is woven in tight, repeating horizontal courses that fill the frame. A sharp diagonal edge separates the weave from the plain background\u003c\/figcaption\u003e\n\u003c\/figure\u003e\u003cfigure class=\"tdwl-detail__mat\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/ad01aca5c53c536e65d82755.webp?v=1794480182\" alt=\"The lower rim is bound into a smooth, rounded edge where the sloping shade ends. Above it, the same woven courses follow the cone\" width=\"1254\" height=\"1254\"\u003e\n  \u003cfigcaption\u003e\u003cspan class=\"tdwl-detail__index\"\u003e02\u003c\/span\u003eThe lower rim is bound into a smooth, rounded edge where the sloping shade ends. Above it, the same woven courses follow the cone\u003c\/figcaption\u003e\n\u003c\/figure\u003e\u003cfigure class=\"tdwl-detail__mat\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/aea99233927b031b2de804a0.webp?v=1794480186\" alt=\"A matte black circular canopy meets a black braided cord at a small central collar. The cord hangs straight down against the pale background\" width=\"1254\" height=\"1254\"\u003e\n  \u003cfigcaption\u003e\u003cspan class=\"tdwl-detail__index\"\u003e03\u003c\/span\u003eA matte black circular canopy meets a black braided cord at a small central collar. The cord hangs straight down against the pale background\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\u003eHat pendant light\u003c\/p\u003e\n    \u003ch2 class=\"tdwl-detail__title\"\u003eA woven hat\u003cbr\u003e\nof softened light\u003c\/h2\u003e\n    \u003cp class=\"tdwl-detail__lead\"\u003eA wide, gently sloped hat of woven rattan hangs from a slim dark cord, warm honey-brown with the texture of handwoven material. Light pools down and around the shade, so it glows from within while the weave catches and softens the glow. It sits quietly over a dining table, in a kitchen corner, or above a living room seating area\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:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/dd40a1982e6273a28245b2d7.webp?v=1794480176\" alt=\"A woven hat\nof softened 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:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/4a14f8493138dd486a1212a5.webp?v=1794480180\" alt=\"Softened by the weave\" 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\"\u003eSoftened by the weave\u003c\/h2\u003e\n    \u003cp class=\"tdwl-detail__intro\"\u003eA hat-shaped pendant in natural rattan, with light that pools below and glows through the weave\u003c\/p\u003e\n    \u003cdiv class=\"tdwl-detail__point\"\u003e\n\u003cspan class=\"tdwl-detail__num\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003ch3\u003eWoven rattan\u003c\/h3\u003e\n\u003cp\u003eThe shade is a wide, gently sloped hat of woven rattan, with the texture and weight of real handwoven material, and wood and metal in the build\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\u003eLight brown finish\u003c\/h3\u003e\n\u003cp\u003eThe finish is natural rattan in a light brown, the warm honey tone of the weave itself\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\u003eSeveral sizes\u003c\/h3\u003e\n\u003cp\u003eListed diameters run from 10.2″ to 23.6″, plus a 31.5″ three-head size, with a 59″ cord as standard and a customizable drop\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\u003eLED or Edison bulb\u003c\/h3\u003e\n\u003cp\u003eIt takes an LED bulb or an Edison bulb on an E26 or E27 base, up to 60W\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\u003eDiameter\u003c\/th\u003e\n\u003ctd\u003e61 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003ctd\u003eSize: Dia 50cm: ∅ 19.7″ (20 cm). Size: Dia 60cm: ∅ 23.6″ (24 cm). Size: Dia 26cm: ∅ 10.2″ (30 cm). Size: Dia 30cm: ∅ 11.8″ (20 cm). 3 Heads Size: Dia 80cm: ∅ 31.5″ (150 cm)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCord\u003c\/th\u003e\n\u003ctd\u003e59″ (150 cm) standard; drop customizable\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eLight source\u003c\/th\u003e\n\u003ctd\u003eLED bulb or Edison bulb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eBase\u003c\/th\u003e\n\u003ctd\u003eE26 or E27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMax wattage\u003c\/th\u003e\n\u003ctd\u003e60W\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\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eWood, Metal, Rattan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eNatural rattan, Light Brown\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:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/9f46316595af6471dba45455.webp?v=1794480169\" alt=\"Light Brown\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/06c76add499feda8b20a6f50.webp?v=1794480168\" alt=\"Light Brown\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/75476087b86d51867b8e88fb.webp?v=1794480168\" alt=\"Light Brown\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/49aed44472385657d7d77031.webp?v=1794480174\" alt=\"Light Brown\" width=\"1500\" height=\"1500\"\u003e\u003cimg class=\"tdwl-detail__slide tdwl-detail__slide--5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/b0b005fb25eb51743348c8d1.webp?v=1794480175\" alt=\"Light Brown\" 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--5\" 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--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\u003eLight Brown\u003c\/b\u003eDia 50cm x H 20cm \/ ∅ 19.7″ x H 7.9″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--2\"\u003e\u003cb\u003eLight Brown\u003c\/b\u003eDia 60cm x H 24cm \/ ∅ 23.6″ x H 9.4″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--3\"\u003e\u003cb\u003eLight Brown\u003c\/b\u003eDia 26cm x H 30cm \/ ∅ 10.2″ x H 11.8″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--4\"\u003e\u003cb\u003eLight Brown\u003c\/b\u003eDia 30cm x H 20cm \/ ∅ 11.8″ x H 7.9″\u003c\/p\u003e\n\u003cp class=\"tdwl-detail__cap tdwl-detail__cap--5\"\u003e\u003cb\u003eLight Brown\u003c\/b\u003e3 Heads Dia 80cm x H 150cm \/ ∅ 31.5″ x H 59″\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":"Dia 50cm x H 20cm \/ ∅ 19.7″ x H 7.9″ \/ Light Brown","offer_id":68007846838430,"sku":"TCMooiel-2611All-1173295","price":255.0,"currency_code":"USD","in_stock":true},{"title":"Dia 60cm x H 24cm \/ ∅ 23.6″ x H 9.4″ \/ Light Brown","offer_id":68007846871198,"sku":"TCMooiel-2611All-1173294","price":279.0,"currency_code":"USD","in_stock":true},{"title":"Dia 26cm x H 30cm \/ ∅ 10.2″ x H 11.8″ \/ Light Brown","offer_id":68007846903966,"sku":"TCMooiel-2611All-1173293","price":135.0,"currency_code":"USD","in_stock":true},{"title":"Dia 30cm x H 20cm \/ ∅ 11.8″ x H 7.9″ \/ Light Brown","offer_id":68007846936734,"sku":"TCMooiel-2611All-1173292","price":169.0,"currency_code":"USD","in_stock":true},{"title":"3 Heads Dia 80cm x H 150cm \/ ∅ 31.5″ x H 59″ \/ Light Brown","offer_id":68007846969502,"sku":"TCMooiel-2611All-1173291","price":668.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/9f46316595af6471dba45455.webp?v=1794480169","url":"https:\/\/www.monulo.com\/products\/idyllic-hat-pendant-light","provider":"Monulo","version":"1.0","type":"link"}