Khmara Bubbles Pendant Lamp
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Jost:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap'); .dfpd *, .dfpd *::before, .dfpd *::after { box-sizing: border-box; margin: 0; padding: 0; } .dfpd { --ink: #1A1A18; --ink-2: #3E3E3A; --ink-3: #6E6E68; --cream: #FDFBF6; --linen: #F0EBDF; --border: #C4B89A; --border-lt: #DCD3BC; --gold: #9C7A3C; --gold-dk: #6E5420; --gold-sft: #ECDDB8; --stone: #6E6E68; --dk-sans: 'Outfit', 'Helvetica Neue', sans-serif; --dk-serif: 'Cormorant Garamond', Georgia, serif; --dk-jost: 'Jost', 'Helvetica Neue', sans-serif; font-family: var(--dk-serif); -webkit-font-smoothing: antialiased; color: var(--ink); font-weight: 400; font-size: 17px; line-height: 1.65; background: var(--cream); padding: 1.5rem 0 2rem; width: 100%; } .dfpd-inner { max-width: 100%; margin: 0; padding: 0 20px; } .dfpd-sec { margin-bottom: 2rem; } .dfpd-h2 { font-family: var(--dk-sans); font-weight: 600; font-size: clamp(1.4rem, 2.2vw, 1.7rem); line-height: 1.2; color: var(--ink); margin-bottom: 1rem; letter-spacing: -0.01em; } .dfpd-h2 .gold { color: var(--gold); } .dfpd-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.65rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.85rem; } .dfpd-eyebrow::before { content: ''; width: 22px; height: 1px; background: var(--gold); } .dfpd-hero { padding-bottom: 1.85rem; border-bottom: 1px solid var(--border); margin-bottom: 1.85rem; } .dfpd-hero-eyebrow { display: inline-flex; align-items: center; gap: 0.7rem; font-family: var(--dk-jost); font-weight: 500; font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; } .dfpd-hero-eyebrow::before { content: ''; width: 26px; height: 1px; background: var(--gold); } .dfpd-title { font-family: var(--dk-sans); font-weight: 600; font-size: clamp(2rem, 3.8vw, 2.6rem); line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 1rem; max-width: 780px; } .dfpd-title .gold { color: var(--gold); } .dfpd-lede { font-family: var(--dk-serif); font-weight: 400; font-size: 1.08rem; line-height: 1.7; color: var(--ink-2); max-width: 720px; } .dfpd-features { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); margin-bottom: 2rem; } .dfpd-feature { padding: 1.1rem 0.9rem; text-align: center; border-right: 1px solid var(--border-lt); transition: background 0.3s; } .dfpd-feature:last-child { border-right: none; } .dfpd-feature:hover { background: var(--linen); } .dfpd-feature-icon { color: var(--gold-dk); margin-bottom: 0.55rem; display: inline-flex; } .dfpd-feature-title { font-family: var(--dk-sans); font-weight: 600; font-size: 0.9rem; line-height: 1.3; color: var(--ink); } .dfpd-feature-title .gold { color: var(--gold); } /* Size — one image left, two rows right */ .dfpd-size-grid { display: grid; grid-template-columns: 300px 1fr; gap: 0; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-size-img-wrap { position: relative; display: flex; align-items: center; justify-content: center; background: #fff; border-right: 1px solid var(--border-lt); min-height: 180px; overflow: hidden; text-decoration: none; cursor: zoom-in; transition: background 0.2s; } .dfpd-size-img-wrap:hover { background: var(--gold-sft); } .dfpd-size-img-wrap img { display: block; width: auto; max-width: 100%; height: auto; max-height: 180px; object-fit: contain; transition: transform 0.4s ease; } .dfpd-size-img-wrap:hover img { transform: scale(1.25); } .dfpd-size-img-icon { position: absolute; bottom: 10px; right: 10px; width: 24px; height: 24px; background: rgba(26,26,24,0.82); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; } .dfpd-size-rows { display: flex; flex-direction: column; } .dfpd-size-row { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 0.85rem 1.35rem; border-bottom: 1px solid var(--border-lt); transition: background 0.2s; } .dfpd-size-row:last-child { border-bottom: none; } .dfpd-size-row:hover { background: var(--linen); } .dfpd-size-row-label { font-family: var(--dk-sans); font-weight: 700; font-size: 1.05rem; color: var(--gold-dk); min-width: 2.2rem; } .dfpd-size-row-dims { display: flex; flex-direction: column; gap: 0.1rem; } .dfpd-size-row-inch { font-family: var(--dk-jost); font-weight: 600; font-size: 0.88rem; color: var(--ink); line-height: 1.3; } .dfpd-size-row-cm { font-family: var(--dk-jost); font-weight: 400; font-size: 0.74rem; color: var(--ink-3); } .dfpd-size-row-pill { display: inline-flex; padding: 0.22rem 0.65rem; background: var(--gold-sft); color: var(--gold-dk); border-radius: 2px; font-family: var(--dk-jost); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.2em; text-transform: uppercase; white-space: nowrap; } .dfpd-specs { border: 1px solid var(--border); border-radius: 4px; overflow: hidden; background: var(--cream); } .dfpd-spec-row { display: grid; grid-template-columns: 150px 1fr; gap: 1.4rem; padding: 0.7rem 1.25rem; border-bottom: 1px solid var(--border-lt); align-items: baseline; } .dfpd-spec-row:last-child { border-bottom: none; } .dfpd-spec-row:hover { background: var(--linen); } .dfpd-spec-label { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--stone); } .dfpd-spec-val { font-family: var(--dk-serif); font-weight: 400; font-size: 0.93rem; color: var(--ink); line-height: 1.5; } .dfpd-spec-val .sub { font-family: var(--dk-jost); font-weight: 400; font-size: 0.78rem; color: var(--stone); } .dfpd-faq { background: var(--cream); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; } .dfpd-faq-item { border-bottom: 1px solid var(--border-lt); } .dfpd-faq-item:last-child { border-bottom: none; } .dfpd-faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.95rem 1.25rem; cursor: pointer; list-style: none; font-family: var(--dk-sans); font-weight: 600; font-size: 0.98rem; color: var(--ink); transition: background 0.2s; } .dfpd-faq-item summary::-webkit-details-marker { display: none; } .dfpd-faq-item summary:hover { background: var(--linen); } .dfpd-faq-toggle { flex-shrink: 0; width: 22px; height: 22px; border: 1px solid var(--border); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--gold); background: var(--cream); transition: transform 0.25s, background 0.2s; } .dfpd-faq-item[open] .dfpd-faq-toggle { transform: rotate(45deg); background: var(--gold-sft); border-color: var(--gold); } .dfpd-faq-answer { padding: 0 1.25rem 1rem; font-family: var(--dk-serif); font-weight: 400; font-size: 0.96rem; line-height: 1.65; color: var(--ink-2); } .dfpd-faq-answer p { margin: 0 0 0.5rem; } .dfpd-faq-answer p:last-child { margin-bottom: 0; } .dfpd-faq-answer a { color: var(--gold-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--gold); } .dfpd-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.7rem; } .dfpd-download { display: flex; align-items: center; gap: 0.85rem; padding: 0.9rem 1.15rem; background: var(--cream); border: 1px solid var(--border); border-radius: 4px; text-decoration: none; color: inherit; transition: all 0.2s; } .dfpd-download:hover { border-color: var(--gold); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(26,26,24,0.08); } .dfpd-download-icon { width: 34px; height: 34px; background: var(--linen); border-radius: 4px; color: var(--gold-dk); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .dfpd-download-title { font-family: var(--dk-sans); font-weight: 600; font-size: 0.92rem; line-height: 1.25; color: var(--ink); } .dfpd-download-sub { font-family: var(--dk-jost); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); } .dfpd-download-arrow { margin-left: auto; color: var(--gold); transition: transform 0.2s; } .dfpd-download:hover .dfpd-download-arrow { transform: translateX(3px); } .dfpd-support { padding-top: 0.95rem; border-top: 1px solid var(--border-lt); text-align: center; font-family: var(--dk-serif); font-weight: 400; font-size: 0.92rem; color: var(--stone); } .dfpd-link { color: var(--gold-dk); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; } @media (max-width: 900px) { .dfpd-features { grid-template-columns: repeat(2, 1fr); } .dfpd-feature:nth-child(2n) { border-right: none; } .dfpd-feature:nth-child(-n+2) { border-bottom: 1px solid var(--border-lt); } .dfpd-size-grid { grid-template-columns: 1fr; } .dfpd-size-img-wrap { border-right: none; border-bottom: 1px solid var(--border-lt); } .dfpd-foot { grid-template-columns: 1fr; } } @media (max-width: 480px) { .dfpd-features { grid-template-columns: 1fr; } .dfpd-feature { border-right: none; border-bottom: 1px solid var(--border-lt); } .dfpd-feature:last-child { border-bottom: none; } .dfpd-spec-row { grid-template-columns: 1fr; gap: 0.2rem; padding: 0.75rem 1.05rem; } .dfpd-inner { padding: 0 12px; } } Pendant Lamp · HDPE, Metal & Glass · G9 · 3 Finishes Khmara Bubbles Pendant Lamp. A captivating cluster of glass bubbles illuminated from within, nestled beneath a pebble-shaped shell. Its modern, artistic design evokes an ethereal cloud — blending a robust industrial aesthetic with playful elegance. A soft, glowing ambiance that doubles as a bold decorative statement. Bubble Cluster Pebble Shell G9 Bulb 3 Finishes Size Two scales, one cloud. S ∅ 19.7″ × H 11.8″ Dia 50 × H 30 cm Dining · Bedroom L ∅ 23.6″ × H 16.5″ Dia 60 × H 42 cm Living room · Statement Specifications Details, on the record. Materials High density polyethylene (HDPE) · Metal · Glass Finishes White Black Grey Light Source LED bulb or Edison bulb · not included Bulb Base G9 IP Rating IP20 · indoor use only Mounting Ceiling pendant · indoor use only Wire 150 cm / 59″ · extendable on request Control Compatible with common wall switch · not included Voltage AC 110–240V Certifications Compatible with North America, Europe, Australia, Saudi Arabia Downloads Documents & resources. PDF Document · PDF Specifications PDF Document · PDF Installation Guide Request via email 3D Files Library Frequently asked Questions, answered. What G9 bulb do you recommend? We recommend G9 LED capsule bulbs at 3–5W in warm white (2700–3000 K) for the most flattering glow through the glass bubbles. Bulbs are not included. See our G9 bulb guide → Which size works best for a dining room? For a standard 4-person dining table the S (∅ 19.7″) is a well-proportioned choice. The L (∅ 23.6″) makes a stronger statement over a larger table or in an open-plan living space where the bubble cluster can be appreciated from a distance. Questions? [email protected] — we reply within 24 hours.
More you might like
Related
Khmara Bubbles Pendant Lamp, Abstract art style, suitable fo
Related
Khmara Pendant Lamp
Related
Khmara Halia Pendant Lamp
Related