{"product_id":"hand-blown-clear-glass-globe-pendant-light-brass-finish","title":"Hand-Blown Clear Glass Globe Pendant Light with Brass Finish","description":"\u003cstyle\u003e #fecify-typography-scope { scroll-behavior: auto; overflow-x: visible; display: flow-root; width: 100%; max-width: none; margin: 0; font-weight: 400 !important; } #fecify-typography-scope *, #fecify-typography-scope *::before, #fecify-typography-scope *::after { box-sizing: border-box; } #fecify-typography-scope img { display: block !important; max-width: 100% !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #fecify-typography-scope video { display: block; max-width: 100%; width: 100%; height: auto; margin: 0 !important; } #fecify-typography-scope { \/* Warm gallery linen + deep antique brass — matches clear glass \/ brass product photos *\/ --bg: #f3eee6; --bg-soft: #e8e0d4; --bg-band: #ebe4d8; --ink: #1a1510; --text: #2c241c; --text-soft: #5c5044; --muted: #8a7c6c; --line: rgba(26, 21, 16, 0.12); --accent: #a07838; --accent-deep: #6b4e22; --brass: #c49a4a; --brass-deep: #8a6528; --amber: #d4a85a; --glass: #ebe4d6; --paper: #fffcf7; --glow: rgba(212, 168, 90, 0.32); --fs-eyebrow: 0.75rem; --fs-meta: 0.875rem; --fs-body: 1rem; --fs-lead: 1.0625rem; --fs-h3: 1.3125rem; --fs-h2: clamp(1.65rem, 2.5vw, 2.05rem); --fs-display: clamp(1.9rem, 3.1vw, 2.45rem); --font-title: \"Newsreader\", \"Iowan Old Style\", Georgia, serif; --font-ui: \"Manrope\", \"Helvetica Neue\", Arial, sans-serif; --space: clamp(1.05rem, 2vw, 1.55rem); --max: 1180px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --radius: 10px; margin: 0; color: var(--text); background: radial-gradient(ellipse 70% 48% at 10% -4%, rgba(196, 154, 74, 0.22), transparent 56%), radial-gradient(ellipse 48% 38% at 92% 8%, rgba(255, 252, 247, 0.95), transparent 52%), radial-gradient(ellipse 55% 42% at 55% 100%, rgba(138, 101, 40, 0.1), transparent 55%), linear-gradient(168deg, #faf7f2 0%, #f3eee6 40%, #ebe4d8 78%, #e3d9ca 100%); font-family: var(--font-ui); font-size: var(--fs-body); font-weight: 400 !important; line-height: 1.62; -webkit-font-smoothing: antialiased; } #fecify-typography-scope *, #fecify-typography-scope *::before, #fecify-typography-scope *::after { box-sizing: border-box; } \/* Beat theme .rte img { margin-top\/bottom: 1rem } — otherwise images leave gaps in frames *\/ #fecify-typography-scope img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0; vertical-align: top; } #fecify-typography-scope a { color: inherit; text-decoration: none; } #fecify-typography-scope p, #fecify-typography-scope span, #fecify-typography-scope li, #fecify-typography-scope div { font-weight: inherit; } #fecify-typography-scope .wrap { width: min(100% - 2rem, var(--max)); margin-inline: auto; } #fecify-typography-scope .eyebrow { display: inline-flex; align-items: center; gap: 0.55rem; margin: 0 0 0.75rem; color: var(--accent-deep); font-family: var(--font-ui); font-size: var(--fs-eyebrow); font-weight: 700 !important; letter-spacing: 0.16em; text-transform: uppercase; } #fecify-typography-scope .eyebrow::before { content: \"\"; width: 1.35rem; height: 2px; border-radius: 0; background: linear-gradient(90deg, var(--brass), var(--amber)); } #fecify-typography-scope .display { margin: 0; font-family: var(--font-title); font-size: var(--fs-display); font-weight: 500 !important; font-style: normal; line-height: 1.16; letter-spacing: -0.015em; color: var(--ink); font-optical-sizing: auto; text-wrap: balance; } #fecify-typography-scope .h2 { margin: 0; font-family: var(--font-title); font-size: var(--fs-h2); font-weight: 500 !important; line-height: 1.18; letter-spacing: -0.01em; color: var(--ink); font-optical-sizing: auto; } #fecify-typography-scope .h3 { margin: 0; font-family: var(--font-title); font-size: var(--fs-h3); font-weight: 500 !important; line-height: 1.25; color: var(--ink); font-optical-sizing: auto; } #fecify-typography-scope .lead { margin: 0.55rem 0 0; max-width: 42rem; color: var(--text-soft); font-size: var(--fs-lead); font-weight: 400 !important; line-height: 1.58; } #fecify-typography-scope .section-head .lead { max-width: 46rem; text-wrap: pretty; } #fecify-typography-scope .body { margin: 0.35rem 0 0; color: var(--text-soft); font-size: var(--fs-body); font-weight: 400 !important; line-height: 1.55; } #fecify-typography-scope .section { padding: calc(var(--space) * 0.85) 0; } #fecify-typography-scope .section-band { \/* Soft wash only — no closed “panel” strip under the carousel nav *\/ background: transparent; border-block: 0; box-shadow: none; } #fecify-typography-scope .section-band .wrap { background: transparent; } #fecify-typography-scope .section-panel \u003e .wrap { padding: clamp(1rem, 2vw, 1.45rem); background: #ebe4d8; border: 0; box-shadow: none; border-radius: calc(var(--radius) + 4px); } #fecify-typography-scope .section-head { margin-bottom: clamp(0.55rem, 1.2vw, 0.85rem); max-width: 40rem; } #fecify-typography-scope .reveal { opacity: 1; transform: none; } #fecify-typography-scope.js-animate .reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); } #fecify-typography-scope.js-animate .reveal.is-in { opacity: 1; transform: none; } #fecify-typography-scope .shot { position: relative; overflow: hidden; border-radius: var(--radius); background: var(--bg-soft); box-shadow: 0 12px 32px rgba(26, 21, 16, 0.08), 0 1px 0 rgba(255, 255, 255, 0.65) inset; line-height: 0; } #fecify-typography-scope .shot img, #fecify-typography-scope .shot video { width: 100% !important; height: auto !important; margin: 0 !important; display: block !important; } #fecify-typography-scope .shot video { background: #1c1610; object-fit: cover; cursor: pointer; pointer-events: auto; } #fecify-typography-scope .hero-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(1rem, 2.2vw, 1.75rem); align-items: center; } #fecify-typography-scope .media-frame { position: relative; overflow: hidden; border-radius: calc(var(--radius) + 6px); background: #1c1610; box-shadow: 0 28px 64px rgba(26, 21, 16, 0.18), 0 0 0 1px rgba(154, 115, 64, 0.28); line-height: 0; } #fecify-typography-scope .media-frame::after { content: \"\"; position: absolute; inset: auto 0 0 0; height: 5px; z-index: 3; background: linear-gradient(90deg, var(--brass), var(--glass), var(--brass-deep), var(--accent-deep), var(--brass)); } #fecify-typography-scope .swap-stack { position: relative; display: grid; width: 100%; } #fecify-typography-scope .swap-stack img { grid-area: 1 \/ 1; width: 100% !important; height: auto !important; margin: 0 !important; display: block !important; } #fecify-typography-scope .swap-day { z-index: 0; } #fecify-typography-scope .swap-night { z-index: 1; opacity: 0; animation: og-day-night 5.5s ease-in-out infinite; } @keyframes og-day-night { 0%, 12% { opacity: 0; } 40%, 60% { opacity: 1; } 88%, 100% { opacity: 0; } } @media (prefers-reduced-motion: reduce) { #fecify-typography-scope .swap-night { animation: none; opacity: 1; } } #fecify-typography-scope .media-badge { position: absolute; left: 0.9rem; bottom: 1.15rem; z-index: 2; padding: 0.5rem 0.85rem; border-radius: 999px; background: linear-gradient(135deg, var(--brass) 0%, var(--brass-deep) 100%); color: #fff; box-shadow: 0 8px 20px rgba(154, 115, 64, 0.35); font-family: var(--font-ui); font-size: var(--fs-eyebrow); font-weight: 700 !important; letter-spacing: 0.14em; text-transform: uppercase; } #fecify-typography-scope .hero-copy .meta { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0.9rem 0 0; } #fecify-typography-scope .chip { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.8rem; border-radius: 999px; background: rgba(255, 252, 247, 0.88); border: 1px solid rgba(160, 120, 56, 0.22); color: var(--accent-deep); font-size: var(--fs-meta); font-weight: 600 !important; backdrop-filter: blur(6px); } #fecify-typography-scope .chip::before { content: \"\"; width: 7px; height: 7px; border-radius: 50%; background: var(--brass); } #fecify-typography-scope .swatches { display: flex; flex-wrap: wrap; gap: 0.55rem 0.85rem; margin-top: 1rem; align-items: center; } #fecify-typography-scope .swatches-label { margin: 0; font-size: var(--fs-eyebrow); font-weight: 700 !important; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); } #fecify-typography-scope .finish-item { display: inline-flex; align-items: center; gap: 0.4rem; } #fecify-typography-scope .finish-name { margin: 0; color: var(--text-soft); font-size: var(--fs-meta); font-weight: 500 !important; line-height: 1.2; } #fecify-typography-scope .swatch { flex: 0 0 auto; width: 1.45rem; height: 1.45rem; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(26,21,16,.16), 0 4px 10px rgba(26,21,16,.08); } #fecify-typography-scope .detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(0.85rem, 1.8vw, 1.15rem); } #fecify-typography-scope .carousel { position: relative; } #fecify-typography-scope .carousel-nav { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 0.5rem; width: 100%; padding: 0; border: 0; background: transparent !important; box-shadow: none !important; } #fecify-typography-scope .carousel-nav.is-disabled { display: none !important; } \/* Details shows all 3 cards on desktop — never show dead arrows there. *\/ @media (min-width: 721px) { #fecify-typography-scope .carousel:has(.detail-grid) .carousel-nav { display: none !important; } } #fecify-typography-scope .carousel-btn { display: inline-grid; place-items: center; width: 2.55rem; height: 2.55rem; padding: 0; border: 1.5px solid rgba(201, 165, 106, 0.4); border-radius: 999px; background: rgba(255, 252, 247, 0.9); color: var(--accent-deep); cursor: pointer; pointer-events: auto !important; touch-action: manipulation; appearance: none; -webkit-appearance: none; box-shadow: none; transition: background 0.25s var(--ease), color 0.25s var(--ease), opacity 0.25s, border-color 0.25s; } #fecify-typography-scope .carousel-btn:hover { background: var(--accent); border-color: var(--accent); color: #fff; } #fecify-typography-scope .carousel-btn.is-dim { opacity: 0.35; } #fecify-typography-scope .carousel-btn svg { width: 14px; height: 14px; pointer-events: none; } #fecify-typography-scope .carousel-track { display: flex; gap: clamp(0.85rem, 1.8vw, 1.15rem); overflow-x: scroll !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y !important; overscroll-behavior-x: contain; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; scroll-snap-type: none; scroll-behavior: auto; } #fecify-typography-scope .carousel-track.is-dragging { cursor: grabbing; } #fecify-typography-scope .carousel-track::-webkit-scrollbar { display: none; } #fecify-typography-scope .carousel-track img, #fecify-typography-scope .carousel-track a, #fecify-typography-scope .carousel-track button { -webkit-user-drag: none !important; user-select: none; -webkit-user-select: none; } #fecify-typography-scope .space-grid.carousel-track \u003e * { flex: 0 0 calc((100% - 2 * clamp(0.85rem, 1.8vw, 1.15rem)) \/ 3); max-width: calc((100% - 2 * clamp(0.85rem, 1.8vw, 1.15rem)) \/ 3); min-width: 0; } \/* Details: grid on desktop; carousel styles only activate on small screens *\/ #fecify-typography-scope .detail-grid.carousel-track { display: grid; overflow: visible !important; cursor: default; touch-action: auto; } #fecify-typography-scope .space-card { padding: 0.7rem; border-radius: calc(var(--radius) + 2px); background: linear-gradient(180deg, rgba(255,252,247,0.98), rgba(245,239,230,0.94)); border: 1px solid rgba(160, 120, 56, 0.16); box-shadow: 0 10px 28px rgba(26, 21, 16, 0.06); min-width: 0; } #fecify-typography-scope .space-card .h3 { margin-top: 0.65rem; } #fecify-typography-scope .detail-card { margin: 0; padding: 0.8rem; border-radius: var(--radius); background: linear-gradient(165deg, #fffcf7 0%, #f0e8dc 100%); border: 1px solid rgba(160, 120, 56, 0.16); box-shadow: 0 10px 28px rgba(26, 21, 16, 0.06); min-width: 0; } #fecify-typography-scope .detail-card .meta { margin-top: 0.65rem; } #fecify-typography-scope .detail-card .eyebrow { margin-bottom: 0.35rem; color: var(--accent-deep); } #fecify-typography-scope .detail-card .eyebrow::before { background: linear-gradient(90deg, var(--glass), var(--brass)); } #fecify-typography-scope .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.15rem, 2.5vw, 1.85rem); align-items: stretch; } #fecify-typography-scope .feature-grid--flip { grid-template-columns: 1fr 1fr; } #fecify-typography-scope .feature-copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: clamp(1.35rem, 2.6vw, 1.9rem) clamp(1.2rem, 2.4vw, 1.7rem); border-radius: 18px 28px 16px 34px \/ 22px 16px 30px 18px; border: 1px solid rgba(160, 120, 56, 0.2); background-color: #ebe3d6; background-image: radial-gradient(ellipse 42% 36% at 12% 18%, rgba(255, 252, 247, 0.55), transparent 70%), radial-gradient(ellipse 38% 44% at 88% 72%, rgba(212, 168, 90, 0.12), transparent 68%), radial-gradient(ellipse 28% 22% at 70% 12%, rgba(154, 115, 64, 0.08), transparent 70%), url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Ccircle cx='24' cy='32' r='1.6' fill='%23a07838' fill-opacity='0.18'\/%3E%3Ccircle cx='68' cy='18' r='1.1' fill='%23a07838' fill-opacity='0.14'\/%3E%3Ccircle cx='112' cy='40' r='2.2' fill='%23a07838' fill-opacity='0.12'\/%3E%3Ccircle cx='148' cy='22' r='1.3' fill='%23a07838' fill-opacity='0.16'\/%3E%3Ccircle cx='40' cy='88' r='1.8' fill='%23a07838' fill-opacity='0.11'\/%3E%3Ccircle cx='96' cy='76' r='1.2' fill='%23a07838' fill-opacity='0.15'\/%3E%3Ccircle cx='156' cy='96' r='2' fill='%23a07838' fill-opacity='0.1'\/%3E%3Ccircle cx='22' cy='140' r='1.4' fill='%23a07838' fill-opacity='0.13'\/%3E%3Ccircle cx='78' cy='152' r='2.4' fill='%23a07838' fill-opacity='0.09'\/%3E%3Ccircle cx='130' cy='134' r='1.1' fill='%23a07838' fill-opacity='0.14'\/%3E%3Ccircle cx='168' cy='160' r='1.7' fill='%23a07838' fill-opacity='0.11'\/%3E%3Cellipse cx='54' cy='58' rx='3.2' ry='2.4' fill='%23a07838' fill-opacity='0.08'\/%3E%3Cellipse cx='122' cy='108' rx='2.6' ry='3.4' fill='%23a07838' fill-opacity='0.07'\/%3E%3C\/svg%3E\"), linear-gradient(152deg, #f7f1e8 0%, #ebe3d6 48%, #e2d8c8 100%); background-size: auto, auto, auto, 180px 180px, auto; background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat; box-shadow: inset 0 0 0 1px rgba(255, 252, 247, 0.4), 0 12px 28px rgba(26, 21, 16, 0.04); min-height: 0; overflow: hidden; } #fecify-typography-scope .feature-copy__ornament { position: absolute; inset: 0; pointer-events: none; z-index: 0; } #fecify-typography-scope .feature-molten { position: absolute; top: 0.35rem; right: -0.4rem; width: min(58%, 11.5rem); height: auto; color: var(--brass); opacity: 0.55; } #fecify-typography-scope .feature-caustic { position: absolute; width: 4.5rem; height: 3.2rem; border-radius: 70% 30% 55% 45% \/ 45% 60% 40% 55%; background: radial-gradient(ellipse at 40% 35%, rgba(255, 252, 247, 0.55), rgba(212, 168, 90, 0.12) 55%, transparent 72%); filter: blur(0.5px); opacity: 0.85; } #fecify-typography-scope .feature-caustic--a { top: 1.1rem; left: 0.9rem; } #fecify-typography-scope .feature-caustic--b { width: 3.2rem; height: 3.8rem; bottom: 1.2rem; right: 1.1rem; border-radius: 40% 60% 35% 65% \/ 55% 40% 60% 45%; opacity: 0.55; } #fecify-typography-scope .feature-copy \u003e :not(.feature-copy__ornament) { position: relative; z-index: 1; } #fecify-typography-scope .feature-points { margin: 1rem 0 0; padding: 0; list-style: none !important; } #fecify-typography-scope .feature-point { position: relative; display: block; margin: 0; padding: 0.5rem 0 0.5rem 1.15rem; border-bottom: 0; color: var(--text-soft); font-size: var(--fs-body); font-weight: 400 !important; line-height: 1.5; list-style: none !important; } #fecify-typography-scope .feature-point:last-child { border-bottom: 0; } #fecify-typography-scope .feature-point::before { content: \"\"; position: absolute; left: 0; top: 0.95rem; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: linear-gradient(135deg, var(--glass), var(--brass)); } #fecify-typography-scope .specs-block { padding: clamp(1.25rem, 2.8vw, 1.85rem); border-radius: calc(var(--radius) + 4px); background: radial-gradient(ellipse 60% 50% at 0% 0%, rgba(154, 115, 64, 0.12), transparent 55%), radial-gradient(ellipse 50% 45% at 100% 100%, rgba(212, 168, 90, 0.16), transparent 55%), linear-gradient(165deg, #fffcf7 0%, #f2e9dc 100%); border: 1px solid rgba(160, 120, 56, 0.2); box-shadow: 0 16px 40px rgba(26, 21, 16, 0.07); } #fecify-typography-scope .specs-shot-track { display: flex !important; gap: 0 !important; overflow-x: scroll !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-x pan-y !important; scrollbar-width: none; border-radius: var(--radius); cursor: grab; } #fecify-typography-scope .specs-shot-track::-webkit-scrollbar { display: none; } #fecify-typography-scope .specs-shot-track \u003e img { flex: 0 0 100%; max-width: 100%; width: 100%; height: auto; } #fecify-typography-scope .specs-layout \u003e .carousel { position: relative; min-width: 0; \/* Height = diagram only; nav is positioned below so spec-list can true-center *\/ } #fecify-typography-scope .specs-layout \u003e .carousel \u003e .carousel-nav { position: absolute; top: calc(100% + 0.55rem); left: 0; right: 0; margin-top: 0; } \/* Stacked layout: keep arrows in flow so they don't cover the spec list *\/ @media (max-width: 980px) { #fecify-typography-scope .specs-layout \u003e .carousel \u003e .carousel-nav { position: static; top: auto; margin-top: 0.65rem; } } #fecify-typography-scope .specs-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(1rem, 2.2vw, 1.75rem); align-items: center; margin-top: 0.95rem; margin-bottom: 2.85rem; } #fecify-typography-scope .spec-list { border-top: 1px solid var(--line); margin: 0; padding: 0; min-width: 0; } #fecify-typography-scope .spec-row { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 0.3rem 0.55rem; padding: 0.5rem 0; border-bottom: 1px solid var(--line); align-items: center; } #fecify-typography-scope .spec-k { margin: 0; color: var(--muted); font-size: var(--fs-meta) !important; font-weight: 500 !important; text-transform: none; letter-spacing: 0.01em; line-height: 1.35; align-self: center; } #fecify-typography-scope .spec-v { margin: 0; color: var(--text); font-size: var(--fs-body) !important; font-weight: 400 !important; line-height: 1.45; overflow-wrap: break-word; align-self: center; } #fecify-typography-scope .spec-chips { display: flex; flex-wrap: wrap; gap: 0.28rem; align-items: center; } #fecify-typography-scope .spec-chips span { display: inline-block; padding: 0.22rem 0.6rem; border-radius: 999px; background: rgba(255, 252, 247, 0.95); border: 1px solid rgba(160, 120, 56, 0.2); color: var(--accent-deep); font-size: var(--fs-meta) !important; font-weight: 500 !important; } @media (max-width: 980px) { #fecify-typography-scope .hero-grid, #fecify-typography-scope .feature-grid, #fecify-typography-scope .feature-grid--flip, #fecify-typography-scope .specs-layout { display: grid !important; grid-template-columns: 1fr !important; } #fecify-typography-scope .detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } #fecify-typography-scope .space-grid.carousel-track \u003e * { flex: 0 0 calc((100% - clamp(0.85rem, 1.8vw, 1.15rem)) \/ 2); max-width: calc((100% - clamp(0.85rem, 1.8vw, 1.15rem)) \/ 2); } } @media (max-width: 720px) { #fecify-typography-scope { --fs-eyebrow: 0.71875rem; --fs-meta: 0.875rem; --fs-body: 0.9375rem; --fs-lead: 0.9375rem; --fs-h3: 1.25rem; --fs-h2: 1.5rem; --fs-display: 1.75rem; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; \/* Keep atmospheric full-bleed bg, but restore side inset to match theme (~20px). *\/ padding-left: max(24px, env(safe-area-inset-left, 0px)) !important; padding-right: max(24px, env(safe-area-inset-right, 0px)) !important; box-sizing: border-box !important; overflow-x: visible; } #fecify-typography-scope .wrap { width: 100%; max-width: none; padding-inline: 0; box-sizing: border-box; } \/* .wrap.specs-block shares both classes — restore card side padding after wrap zeros it. *\/ #fecify-typography-scope .wrap.specs-block { padding: 1.35rem 1.25rem !important; } #fecify-typography-scope .hero-copy .display { font-size: var(--fs-display); line-height: 1.22; letter-spacing: -0.015em; } #fecify-typography-scope .section { padding-top: 1.05rem; padding-bottom: 1.05rem; } #fecify-typography-scope .section-panel \u003e .wrap { padding: 0; background: transparent; border-radius: 0; } #fecify-typography-scope .feature-copy { padding: 1.15rem 1rem; } #fecify-typography-scope .hero-grid, #fecify-typography-scope .feature-grid, #fecify-typography-scope .feature-grid--flip, #fecify-typography-scope .specs-layout { display: grid !important; grid-template-columns: 1fr !important; gap: 1rem !important; } #fecify-typography-scope .hero-grid \u003e *, #fecify-typography-scope .feature-grid \u003e *, #fecify-typography-scope .feature-grid--flip \u003e * { width: 100% !important; max-width: 100% !important; float: none !important; } #fecify-typography-scope .media-frame, #fecify-typography-scope .shot, #fecify-typography-scope img { float: none !important; } #fecify-typography-scope .spec-row { grid-template-columns: 1fr; gap: 0.18rem; padding: 0.62rem 0; align-items: start; } #fecify-typography-scope .spec-k { font-size: var(--fs-meta) !important; letter-spacing: 0.01em; } #fecify-typography-scope .spec-v { font-size: var(--fs-body) !important; line-height: 1.45; } #fecify-typography-scope .spec-chips span { font-size: var(--fs-meta) !important; padding: 0.2rem 0.55rem; } #fecify-typography-scope .detail-grid.carousel-track { display: flex !important; overflow-x: scroll !important; overflow-y: hidden !important; cursor: grab; touch-action: pan-x pan-y !important; scroll-snap-type: none; -webkit-overflow-scrolling: touch !important; } #fecify-typography-scope .detail-grid.carousel-track \u003e *, #fecify-typography-scope .space-grid.carousel-track \u003e * { flex: 0 0 min(78%, 300px); max-width: min(78%, 300px); } #fecify-typography-scope .specs-block { border-radius: 14px; } } \/* Shopify mobile full-bleed: only expand description CONTENT. Do NOT restyle .fec-collapse \/ .el-collapse-item — that kills Product Description tab padding. *\/ @media (max-width: 720px) { .el-collapse-item__wrap:has(#ml-organic-pdp), .el-collapse-item__wrap:has(#fecify-typography-scope), .el-collapse-item__content:has(#ml-organic-pdp), .el-collapse-item__content:has(#fecify-typography-scope), .body_html:has(#ml-organic-pdp), .body_html:has(#fecify-typography-scope) { overflow: visible !important; height: auto !important; max-height: none !important; } \/* Keep theme tab\/header gutters intact *\/ .el-collapse-item:has(#ml-organic-pdp) \u003e .el-collapse-item__header, .el-collapse-item:has(#fecify-typography-scope) \u003e .el-collapse-item__header { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box !important; } \/* Break out only the richtext body under the tab *\/ .body_html:has(#ml-organic-pdp), .body_html:has(#fecify-typography-scope) { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; background: transparent !important; } #ml-organic-pdp, #fecify-typography-scope { box-shadow: -100vw 0 0 0 #f3eee6, 100vw 0 0 0 #f3eee6; } } \u003c\/style\u003e\u003cdiv id=\"fecify-typography-scope\"\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"wrap hero-grid reveal\"\u003e\n\u003cdiv class=\"media-frame\" aria-label=\"On and off light comparison\"\u003e\n\u003cdiv class=\"swap-stack\"\u003e\n\u003cimg class=\"swap-day\" src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/d1a254ff6d0619152443fc84e5f961d2.jpg\" alt=\"Organic glass pendant over a kitchen island, light off\" width=\"1672\" height=\"941\"\u003e \u003cimg class=\"swap-night\" src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/8298bd4d8678e83e0d0fe2bfd12e925e.jpg\" alt=\"Organic glass pendant glowing over a kitchen island\" width=\"1672\" height=\"941\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"media-badge\"\u003eOn \/ Off\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cp class=\"eyebrow\"\u003eHand-blown glass\u003c\/p\u003e\n\u003ch1 class=\"display\"\u003eOrganic glass.\u003cbr\u003eWarm brass.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eA clear hand-blown globe with an irregular silhouette—paired with brass-gold hardware. Hardwired for kitchen islands, sinks, dining tables, and quiet corners.\u003c\/p\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cspan class=\"chip\"\u003eHardwired pendant\u003c\/span\u003e \u003cspan class=\"chip\"\u003e60 in \/ 152 cm adjustable cord\u003c\/span\u003e \u003cspan class=\"chip\"\u003eTwo sizes · E26\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swatches\" aria-label=\"Shade and hardware\"\u003e\n\u003cp class=\"swatches-label\"\u003eShade \u0026amp; hardware\u003c\/p\u003e\n\u003cspan class=\"finish-item\"\u003e \u003cspan class=\"swatch\" aria-hidden=\"true\" style=\"background: radial-gradient(circle at 32% 28%,rgba(255,255,255,.95),transparent 42%),linear-gradient(145deg,#eef6f8 0%,#c5d0d4 55%,#9aabb0 100%); border-color: rgba(26,21,16,.2);\"\u003e\u003c\/span\u003e \u003cspan class=\"finish-name\"\u003eClear glass\u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"finish-item\"\u003e \u003cspan class=\"swatch\" aria-hidden=\"true\" style=\"background: linear-gradient(145deg,#e0b45a,#c49a4a 45%,#8a6528);\"\u003e\u003c\/span\u003e \u003cspan class=\"finish-name\"\u003eBrass gold\u003c\/span\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"carousel\"\u003e\n\u003cdiv class=\"section-head reveal\"\u003e\n\u003cp class=\"eyebrow\"\u003eDetails\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eGlass texture, brass edge\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eHand-blown glass and brushed brass—from the shade contour to the ceiling canopy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detail-grid carousel-track\"\u003e\n\u003carticle class=\"detail-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/dbf0f68cb974fb6b317c69580dc04633.jpg\" alt=\"Close-up of organic hand-blown clear glass shade\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cp class=\"eyebrow\"\u003eGlass\u003c\/p\u003e\n\u003ch3 class=\"h3\"\u003eOrganic globe\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eAn irregular, hand-blown form—each shade keeps a soft, one-of-a-kind contour.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\u003carticle class=\"detail-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/d307f6fb78835dde2bf8c89277da8d89.jpg\" alt=\"Organic glass pendant shade glowing softly\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cp class=\"eyebrow\"\u003eShade\u003c\/p\u003e\n\u003ch3 class=\"h3\"\u003eSoft light on glass\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eThe irregular hand-blown shade catches soft light across its curved surface—a warm glow through clear glass.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\u003carticle class=\"detail-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/product\/561\/image\/2026\/09\/23\/e77d554bdc723ae4860a7529b5f5e147.jpg\" alt=\"Brushed brass ceiling canopy with black stem\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"meta\"\u003e\n\u003cp class=\"eyebrow\"\u003eCanopy\u003c\/p\u003e\n\u003ch3 class=\"h3\"\u003eBrushed brass canopy\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eA round brushed-brass canopy and slim black stem—clean lines where the pendant meets the ceiling.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"carousel-nav\" aria-label=\"Details carousel controls\"\u003e\n\u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--prev\" aria-label=\"Previous\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:-w,behavior:'smooth'});else t.scrollLeft-=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M9 2L4 7l5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--next\" aria-label=\"Next\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:w,behavior:'smooth'});else t.scrollLeft+=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M5 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section section-band\"\u003e\u003cdiv class=\"wrap\"\u003e\u003cdiv class=\"carousel\"\u003e\n\u003cdiv class=\"section-head reveal\"\u003e\n\u003cp class=\"eyebrow\"\u003eStyled scenes\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eWherever soft light belongs\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eLiving room, kitchen, bedroom, and desk—the same soft clear-glass glow from room to room.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-grid carousel-track\"\u003e\n\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/90382a60582fbb8f6ecebeddc412a468.jpg\" alt=\"Organic glass pendants over a living room seating area\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eLiving room\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eClustered over the seating zone—clear glass that keeps the room open.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/2ca9c8064891ed0f3e848cfa2905d4dd.jpg\" alt=\"Organic glass pendants over a kitchen island\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eKitchen island\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eIn a row over the island—practical light for prep and everyday meals.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/f616f5bc35bfd25c577e648c592d242d.jpg\" alt=\"Organic glass pendants above a bed\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eBedroom\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eAbove the bed—soft downward light that keeps the room calm.\u003c\/p\u003e\u003c\/article\u003e\u003carticle class=\"space-card reveal\"\u003e\u003cdiv class=\"shot\"\u003e\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/cc95f3e1a527ccc1236d0b88e2c65894.jpg\" alt=\"Organic glass pendant over a desk\" width=\"1254\" height=\"1254\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"h3\"\u003eAt the desk\u003c\/h3\u003e\n\u003cp class=\"body\"\u003eOver the desk—focused light for reading or work.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"carousel-nav\" aria-label=\"Scenes carousel controls\"\u003e\n\u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--prev\" aria-label=\"Previous\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:-w,behavior:'smooth'});else t.scrollLeft-=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M9 2L4 7l5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--next\" aria-label=\"Next\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:w,behavior:'smooth'});else t.scrollLeft+=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M5 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section section-panel\"\u003e\u003cdiv class=\"wrap feature-grid reveal\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003cdiv class=\"feature-copy__ornament\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"feature-caustic feature-caustic--a\"\u003e\u003c\/span\u003e \u003cspan class=\"feature-caustic feature-caustic--b\"\u003e\u003c\/span\u003e \u003csvg class=\"feature-molten\" viewbox=\"0 0 160 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003c!-- irregular molten globe silhouette (not ripples) --\u003e \u003cpath d=\"M78 18c2 8-1 14-4 20\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\".45\"\u003e\u003c\/path\u003e \u003cpath d=\"M74 8h8c3 0 5 2 5 5v6c0 2-2 3-4 3h-10c-2 0-4-1-4-3v-6c0-3 2-5 5-5z\" stroke=\"currentColor\" stroke-width=\"1.15\" opacity=\".5\"\u003e\u003c\/path\u003e \u003cpath d=\"M80 38c-28 4-48 28-44 58 4 32 34 54 62 48 30-6 46-40 38-68-8-28-32-42-56-38z\" stroke=\"currentColor\" stroke-width=\"1.35\" opacity=\".62\"\u003e\u003c\/path\u003e \u003cpath d=\"M86 52c-18 6-30 24-26 42 4 20 22 34 40 30 18-4 28-24 24-42-4-18-20-34-38-30z\" stroke=\"currentColor\" stroke-width=\"1.1\" opacity=\".28\"\u003e\u003c\/path\u003e \u003c!-- glass seeds \/ bubbles inside the form --\u003e \u003ccircle cx=\"72\" cy=\"78\" r=\"3.2\" stroke=\"currentColor\" stroke-width=\"1\" opacity=\".35\"\u003e\u003c\/circle\u003e \u003ccircle cx=\"98\" cy=\"96\" r=\"2.1\" stroke=\"currentColor\" stroke-width=\"0.9\" opacity=\".3\"\u003e\u003c\/circle\u003e \u003ccircle cx=\"64\" cy=\"112\" r=\"1.6\" fill=\"currentColor\" opacity=\".22\"\u003e\u003c\/circle\u003e \u003ccircle cx=\"108\" cy=\"70\" r=\"1.3\" fill=\"currentColor\" opacity=\".2\"\u003e\u003c\/circle\u003e \u003cellipse cx=\"88\" cy=\"128\" rx=\"2.8\" ry=\"2\" stroke=\"currentColor\" stroke-width=\"0.9\" opacity=\".28\"\u003e\u003c\/ellipse\u003e \u003c!-- soft highlight crescent --\u003e \u003cpath d=\"M58 88c6-18 20-28 36-30\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\".4\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cp class=\"eyebrow\"\u003eIn detail\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eGlass that moves with the light.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eA slow look at the hand-blown globe—irregular clear glass and warm brass hardware as the light shifts across the surface.\u003c\/p\u003e\n\u003cdiv class=\"feature-points\"\u003e\n\u003cdiv class=\"feature-point\"\u003eHand-blown organic clear glass globe\u003c\/div\u003e\n\u003cdiv class=\"feature-point\"\u003eBrass-gold metal finish\u003c\/div\u003e\n\u003cdiv class=\"feature-point\"\u003e60 in \/ 152 cm adjustable hardwired cord\u003c\/div\u003e\n\u003cdiv class=\"feature-point\"\u003eTwo sizes · E26\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"shot\" aria-label=\"Organic glass pendant detail video\"\u003e\u003cvideo width=\"300\" height=\"150\" src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/editor\/561\/video\/2026\/09\/23\/74cc4d3c19960bc4731e685fb110a5d9.mp4\" poster=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/product\/561\/image\/2026\/09\/22\/ad91ffb60b6b9b3383e569d16d8748e8.jpg\" autoplay=\"autoplay\" muted=\"\" loop=\"loop\" controls=\"controls\" playsinline=\"\" preload=\"metadata\" controlslist=\"nodownload\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"section\"\u003e\u003cdiv class=\"wrap specs-block reveal\"\u003e\n\u003cdiv class=\"section-head\"\u003e\n\u003cp class=\"eyebrow\"\u003eSpecifications\u003c\/p\u003e\n\u003ch2 class=\"h2\"\u003eProduct details at a glance\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eTwo sizes, finish, mounting, and socket info at a glance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv class=\"carousel\"\u003e\n\u003cdiv class=\"shot carousel-track specs-shot-track\"\u003e\n\u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/8c8c32de7deef48178d3253a63e2d423.jpg\" alt=\"Size diagram H 9.2 in × Dia 6.4 in\" width=\"1000\" height=\"1000\"\u003e \u003cimg src=\"https:\/\/d5754b614d.yunchenkeji.com\/media\/custom_1082\/561\/image\/2026\/09\/22\/89c4deeda087132c023dc433fec98963.jpg\" alt=\"Size diagram H 12.7 in × Dia 6.4 in\" width=\"1000\" height=\"1000\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"carousel-nav\" aria-label=\"Size diagram carousel\"\u003e\n\u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--prev\" aria-label=\"Previous\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:-w,behavior:'smooth'});else t.scrollLeft-=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M9 2L4 7l5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e \u003cbutton type=\"button\" class=\"carousel-btn carousel-btn--next\" aria-label=\"Next\" onclick=\"(function(b){var c=b.closest('.carousel');var t=c\u0026amp;\u0026amp;c.querySelector('.carousel-track');if(!t)return;var i=t.children[0];var g=parseFloat(getComputedStyle(t).columnGap||getComputedStyle(t).gap||0)||0;var w=(i?i.getBoundingClientRect().width:280)+g;if(t.scrollBy)t.scrollBy({left:w,behavior:'smooth'});else t.scrollLeft+=w;})(this)\"\u003e\u003csvg viewbox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"\u003e\u003cpath d=\"M5 2l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-list\"\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eProduct type\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003ePendant light\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eSize A\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eH 9.2 in × Dia 6.4 in \/ H 23 cm × Dia 16 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eSize B\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eH 12.7 in × Dia 6.4 in \/ H 32 cm × Dia 16 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eCanopy\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eDia 4.9 in \/ 12 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eShade \u0026amp; hardware\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003e\u003cdiv class=\"spec-chips\"\u003e\n\u003cspan\u003eClear glass\u003c\/span\u003e\u003cspan\u003eBrass gold\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eMaterials\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eHand-blown glass \u0026amp; metal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eMounting\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eCeiling pendant · hardwired\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eWire\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eAdjustable — 60 in \/ 152 cm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eSocket\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eE26\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-k\"\u003eBulbs\u003c\/div\u003e\n\u003cdiv class=\"spec-v\"\u003eNot included\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cscript\u003e (function () { var roots = []; function addRoot(el) { if (!el || roots.indexOf(el) !== -1) return; roots.push(el); } addRoot(document.getElementById(\"ml-organic-pdp\")); Array.prototype.forEach.call(document.querySelectorAll(\"#fecify-typography-scope\"), addRoot); if (!roots.length) return; function unclipAncestors(root) { var node = root.parentElement; var depth = 0; while (node \u0026\u0026 node !== document.body \u0026\u0026 depth \u003c 14) { var cs = window.getComputedStyle(node); if (cs.overflow !== \"visible\" || cs.overflowX !== \"visible\" || cs.overflowY !== \"visible\") { node.style.setProperty(\"overflow\", \"visible\", \"important\"); } if (node.classList) { if (node.classList.contains(\"el-collapse-item__wrap\")) { node.style.setProperty(\"overflow\", \"visible\", \"important\"); node.style.setProperty(\"height\", \"auto\", \"important\"); } if ( node.classList.contains(\"el-collapse-item__content\") || node.classList.contains(\"body_html\") || node.classList.contains(\"rte\") || node.classList.contains(\"product-single__description\") ) { node.style.setProperty(\"overflow\", \"visible\", \"important\"); } } node = node.parentElement; depth += 1; } } function applyBleed(root) { if (window.innerWidth \u003e 720) { root.style.removeProperty(\"width\"); root.style.removeProperty(\"max-width\"); root.style.removeProperty(\"margin-left\"); root.style.removeProperty(\"margin-right\"); root.style.removeProperty(\"position\"); return; } unclipAncestors(root); root.style.setProperty(\"width\", \"100vw\", \"important\"); root.style.setProperty(\"max-width\", \"100vw\", \"important\"); root.style.setProperty(\"margin-left\", \"calc(50% - 50vw)\", \"important\"); root.style.setProperty(\"margin-right\", \"calc(50% - 50vw)\", \"important\"); root.style.setProperty(\"box-sizing\", \"border-box\", \"important\"); root.style.setProperty(\"position\", \"relative\", \"important\"); root.style.setProperty(\"overflow-x\", \"visible\", \"important\"); } function stepWidth(track) { var item = track.children[0]; if (!item) return 280; var styles = window.getComputedStyle(track); var gap = parseFloat(styles.columnGap || styles.gap || \"0\") || 0; return Math.max(160, item.getBoundingClientRect().width + gap); } function scrollTrack(track, dir) { if (!track) return; var w = stepWidth(track); if (typeof track.scrollBy === \"function\") { track.scrollBy({ left: dir * w, behavior: \"smooth\" }); } else { track.scrollLeft += dir * w; } } function updateNav(carousel) { var track = carousel.querySelector(\".carousel-track\"); var nav = carousel.querySelector(\".carousel-nav\"); if (!track || !nav) return; var maxScroll = track.scrollWidth - track.clientWidth; if (maxScroll \u003c 8) { nav.classList.add(\"is-disabled\"); return; } nav.classList.remove(\"is-disabled\"); var prev = carousel.querySelector(\".carousel-btn--prev\"); var next = carousel.querySelector(\".carousel-btn--next\"); if (prev) prev.classList.toggle(\"is-dim\", track.scrollLeft \u003c= 2); if (next) next.classList.toggle(\"is-dim\", track.scrollLeft \u003e= maxScroll - 2); } function bindCarousels(root) { root.querySelectorAll(\".carousel\").forEach(function (carousel) { var track = carousel.querySelector(\".carousel-track\"); if (!track) return; var prev = carousel.querySelector(\".carousel-btn--prev\"); var next = carousel.querySelector(\".carousel-btn--next\"); if (prev) prev.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); scrollTrack(track, -1); window.setTimeout(function () { updateNav(carousel); }, 120); }); if (next) next.addEventListener(\"click\", function (e) { e.preventDefault(); e.stopPropagation(); scrollTrack(track, 1); window.setTimeout(function () { updateNav(carousel); }, 120); }); track.addEventListener(\"scroll\", function () { updateNav(carousel); }, { passive: true }); window.addEventListener(\"resize\", function () { updateNav(carousel); }); window.setTimeout(function () { updateNav(carousel); }, 60); window.setTimeout(function () { updateNav(carousel); }, 400); var drag = false, startX = 0, startLeft = 0, moved = false; function onDown(e) { \/* Touch\/pen: keep native finger-swipe. Mouse-only custom drag. *\/ if (e.pointerType !== \"mouse\" || e.button !== 0) return; drag = true; moved = false; startX = e.clientX; startLeft = track.scrollLeft; track.classList.add(\"is-dragging\"); try { track.setPointerCapture(e.pointerId); } catch (err) {} } function onMove(e) { if (!drag) return; var dx = e.clientX - startX; if (Math.abs(dx) \u003e 3) moved = true; track.scrollLeft = startLeft - dx; } function onUp(e) { if (!drag) return; drag = false; track.classList.remove(\"is-dragging\"); try { track.releasePointerCapture(e.pointerId); } catch (err) {} updateNav(carousel); } track.addEventListener(\"pointerdown\", onDown); track.addEventListener(\"pointermove\", onMove); track.addEventListener(\"pointerup\", onUp); track.addEventListener(\"pointercancel\", onUp); track.addEventListener(\"click\", function (e) { if (moved) { e.preventDefault(); e.stopPropagation(); } }, true); }); } function initRoot(root) { if (root.getAttribute(\"data-organic-ready\") === \"1\") return; root.setAttribute(\"data-organic-ready\", \"1\"); root.classList.add(\"js-animate\"); if (\"IntersectionObserver\" in window) { var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add(\"is-in\"); io.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: \"0px 0px -4% 0px\" }); root.querySelectorAll(\".reveal\").forEach(function (el) { io.observe(el); }); } else { root.querySelectorAll(\".reveal\").forEach(function (el) { el.classList.add(\"is-in\"); }); } applyBleed(root); window.addEventListener(\"resize\", function () { applyBleed(root); }); \/\/ Re-apply after accordion\/tab open animations that re-clip overflow. window.setTimeout(function () { applyBleed(root); }, 300); window.setTimeout(function () { applyBleed(root); }, 1000); document.addEventListener(\"click\", function () { window.setTimeout(function () { applyBleed(root); }, 50); window.setTimeout(function () { applyBleed(root); }, 350); }, true); bindCarousels(root); } roots.forEach(initRoot); })(); \u003c\/script\u003e\n\u003c\/div\u003e","brand":"monulo","offers":[{"title":"ø 6.4” × H 9.2” \/ Dia 16cm × H 23cm \/ Clear \/ Individual","offer_id":67532935790750,"sku":"New2609-1024549","price":126.5,"currency_code":"USD","in_stock":true},{"title":"ø 6.4” × H 9.2” \/ Dia 16cm × H 23cm \/ Clear \/ Set of 2","offer_id":67532935823518,"sku":"New2609-1024548","price":198.5,"currency_code":"USD","in_stock":true},{"title":"ø 6.4” × H 12.7” \/ Dia 16cm × H 32cm \/ Clear \/ Individual","offer_id":67532935856286,"sku":"New2609-1024547","price":187.5,"currency_code":"USD","in_stock":true},{"title":"ø 6.4” × H 12.7” \/ Dia 16cm × H 32cm \/ Clear \/ Set of 2","offer_id":67532935889054,"sku":"New2609-1024546","price":325.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/feb02fda404103f5b7c4fe377c5471ad.jpg?v=1791443135","url":"https:\/\/www.monulo.com\/fr\/products\/hand-blown-clear-glass-globe-pendant-light-brass-finish","provider":"Monulo","version":"1.0","type":"link"}