{"product_id":"goccia-raindrop-alabaster-pendant-light","title":"Goccia Alabaster Pendant Light","description":"\u003cstyle\u003e\n\/* ============================================\n   STUBER LIGHTING\n   GOCCIA RAINDROP ALABASTER PENDANT LIGHT\n   PRODUCT-SPECIFIC DESCRIPTION\n============================================ *\/\n\n.stb-goccia{\n  --ink:#21160F;\n  --brown:#4B3322;\n  --accent:#987351;\n  --paper:#FAF7F1;\n  --cream:#F3EBE1;\n  --text:#5D5148;\n  --muted:#81756C;\n  --line:#DDD0C2;\n  --line2:#C9B7A3;\n\n  width:100%;\n  max-width:900px;\n  min-width:0;\n  margin:0 auto;\n  color:var(--text);\n  font-family:\"Jost\",\"Helvetica Neue\",Arial,sans-serif;\n  font-size:13px;\n  line-height:1.53;\n  -webkit-font-smoothing:antialiased;\n  container-type:inline-size;\n}\n\n.stb-goccia *,\n.stb-goccia *::before,\n.stb-goccia *::after{\n  box-sizing:border-box;\n}\n\n.stb-goccia h2,\n.stb-goccia h3,\n.stb-goccia p,\n.stb-goccia figure{\n  margin:0;\n}\n\n.stb-goccia h2,\n.stb-goccia h3{\n  font-family:\"Cormorant Garamond\",\"Times New Roman\",serif;\n  font-weight:500;\n}\n\n.goc-label{\n  display:block;\n  margin-bottom:5px;\n  color:var(--accent);\n  font-size:9px;\n  line-height:1.3;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  font-weight:600;\n}\n\n\/* ============================================\n   IMAGE ENLARGE\n============================================ *\/\n\n.goc-zoom{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  height:100%;\n  color:inherit;\n  text-decoration:none;\n  cursor:zoom-in;\n}\n\n.goc-zoom img{\n  display:block!important;\n  width:auto!important;\n  height:auto!important;\n  max-width:100%!important;\n  max-height:100%!important;\n  margin:auto!important;\n  object-fit:contain!important;\n}\n\n.goc-zoom::after{\n  content:\"ENLARGE\";\n  position:absolute;\n  right:5px;\n  bottom:5px;\n  padding:3px 5px;\n  background:rgba(33,22,15,.75);\n  color:#FFFDF9;\n  border-radius:3px;\n  font-size:7px;\n  line-height:1;\n  font-weight:600;\n  letter-spacing:.05em;\n}\n\n\/* ============================================\n   01 — PRODUCT INTRO PHOTO\n   GRADIENT BLUR LEFT\n   COMPLETE DROPLETS RIGHT\n\n   NO TECHNICAL DRAWING\n   NO EXTRA HERO BLOCK\n============================================ *\/\n\n.goc-hero{\n  position:relative;\n  min-height:345px;\n  overflow:hidden;\n  background:#201915;\n  border-radius:9px;\n  isolation:isolate;\n}\n\n\/* Soft ambient fill *\/\n\n.goc-hero__ambient{\n  position:absolute;\n  inset:-15px;\n  z-index:0;\n  overflow:hidden;\n  pointer-events:none;\n}\n\n.goc-hero__ambient img{\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  object-fit:cover!important;\n  object-position:center!important;\n  filter:\n    blur(19px)\n    brightness(.65)\n    saturate(.84);\n  transform:scale(1.06);\n}\n\n\/* Original real product photograph.\n   The complete source image is contained. *\/\n\n.goc-hero__photo{\n  position:absolute;\n  top:0;\n  right:0;\n  bottom:0;\n  z-index:1;\n  width:65%;\n  overflow:hidden;\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n  pointer-events:none;\n\n  -webkit-mask-image:linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(0,0,0,.45) 10%,\n    #000 23%,\n    #000 100%\n  );\n\n  mask-image:linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(0,0,0,.45) 10%,\n    #000 23%,\n    #000 100%\n  );\n}\n\n.goc-hero__photo img{\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  object-fit:contain!important;\n  object-position:right center!important;\n}\n\n\/* Gradient only:\n   no inverted image,\n   no duplicated sharp edges *\/\n\n.goc-hero__shade{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  pointer-events:none;\n  background:linear-gradient(\n    90deg,\n    rgba(26,18,13,.98) 0%,\n    rgba(26,18,13,.94) 23%,\n    rgba(26,18,13,.78) 36%,\n    rgba(26,18,13,.43) 49%,\n    rgba(26,18,13,.06) 67%,\n    transparent 84%\n  );\n}\n\n.goc-hero__content{\n  position:relative;\n  z-index:3;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  width:43%;\n  max-width:375px;\n  min-height:345px;\n  padding:24px 5px 24px 26px;\n}\n\n.goc-hero .goc-label{\n  color:#DEB98C;\n}\n\n.goc-hero h2{\n  max-width:365px;\n  color:#FFF9F1;\n  font-size:33px;\n  line-height:1;\n  letter-spacing:-.01em;\n}\n\n.goc-hero__lead{\n  max-width:345px;\n  margin-top:9px!important;\n  color:#E9DDD0;\n  font-size:11.5px;\n  line-height:1.52;\n}\n\n.goc-hero__rule{\n  width:32px;\n  height:1px;\n  margin-top:13px;\n  background:#D5AD7E;\n}\n\n.goc-hero__meta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:5px 12px;\n  margin-top:9px;\n}\n\n.goc-hero__meta span{\n  color:#DFD0BF;\n  font-size:10.4px;\n}\n\n.goc-hero__meta strong{\n  color:#F0C89B;\n  font-weight:500;\n}\n\n\/* ============================================\n   02 — WHERE IT WORKS\n============================================ *\/\n\n.goc-place{\n  display:grid;\n  grid-template-columns:160px minmax(0,1fr);\n  gap:20px;\n  align-items:center;\n  margin-top:18px;\n  padding:10px 0;\n  border-top:1px solid var(--line2);\n  border-bottom:1px solid var(--line);\n}\n\n.goc-place h3{\n  color:var(--ink);\n  font-size:21px;\n  line-height:1.04;\n}\n\n.goc-place__list{\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  gap:6px;\n}\n\n.goc-place__list span{\n  padding:5px 8px;\n  color:var(--ink);\n  background:var(--paper);\n  border:1px solid var(--line);\n  border-radius:3px;\n  font-size:10.7px;\n  line-height:1.3;\n}\n\n\/* ============================================\n   03 — SIZE \u0026 SCALE\n\n   LEFT: REAL SIZE COMPARISON\n   RIGHT: TWO ACTUAL DIMENSION DRAWINGS\n\n   DESIGNED FOR THIS PRODUCT\n============================================ *\/\n\n.goc-size{\n  display:grid;\n  grid-template-columns:245px minmax(0,1fr);\n  gap:25px;\n  align-items:center;\n  margin-top:18px;\n  padding:13px 0;\n  border-top:1px solid var(--ink);\n  border-bottom:1px solid var(--line);\n}\n\n.goc-size__compare{\n  width:240px;\n  max-width:100%;\n}\n\n.goc-size__photo{\n  width:100%;\n  overflow:hidden;\n  background:var(--paper);\n  border:1px solid var(--line);\n  border-radius:6px;\n}\n\n.goc-size__photo img{\n  display:block!important;\n  width:100%!important;\n  height:auto!important;\n  max-width:100%!important;\n  aspect-ratio:1;\n  object-fit:contain!important;\n}\n\n.goc-size__compare figcaption{\n  margin-top:5px;\n  color:var(--muted);\n  font-size:8.7px;\n  text-align:center;\n}\n\n.goc-size__content{\n  min-width:0;\n}\n\n.goc-size__content h3{\n  color:var(--ink);\n  font-size:24px;\n  line-height:1.04;\n}\n\n.goc-size__intro{\n  max-width:495px;\n  margin-top:6px!important;\n  color:var(--muted);\n  font-size:11.3px;\n  line-height:1.46;\n}\n\n\/* Compact horizontal size rows *\/\n\n.goc-size__options{\n  margin-top:11px;\n  border-top:1px solid var(--line);\n}\n\n.goc-size__option{\n  display:grid;\n  grid-template-columns:103px minmax(0,1fr);\n  gap:14px;\n  align-items:center;\n  padding:9px 0;\n}\n\n.goc-size__option + .goc-size__option{\n  border-top:1px solid var(--line);\n}\n\n.goc-size__drawing{\n  width:103px;\n  height:103px;\n  background:#fff;\n  border:1px solid var(--line);\n  border-radius:5px;\n  overflow:hidden;\n}\n\n.goc-size__drawing img{\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  max-width:none!important;\n  max-height:none!important;\n  object-fit:contain!important;\n}\n\n.goc-size__text small{\n  display:block;\n  color:var(--accent);\n  font-size:8.3px;\n  font-weight:600;\n  letter-spacing:.07em;\n  text-transform:uppercase;\n}\n\n.goc-size__text strong{\n  display:block;\n  margin-top:3px;\n  color:var(--ink);\n  font-family:\"Cormorant Garamond\",\"Times New Roman\",serif;\n  font-size:21px;\n  line-height:1;\n  font-weight:500;\n}\n\n.goc-size__text span{\n  display:block;\n  margin-top:4px;\n  color:var(--muted);\n  font-size:10.6px;\n  line-height:1.42;\n}\n\n\/* ============================================\n   04 — NATURAL ALABASTER\n============================================ *\/\n\n.goc-stone{\n  display:grid;\n  grid-template-columns:245px minmax(0,1fr);\n  gap:24px;\n  align-items:center;\n  margin-top:18px;\n  padding:13px;\n  background:var(--paper);\n  border:1px solid var(--line);\n  border-radius:8px;\n}\n\n.goc-stone__figure{\n  width:240px;\n  max-width:100%;\n}\n\n.goc-stone__frame{\n  width:100%;\n  overflow:hidden;\n  background:#fff;\n  border:1px solid var(--line);\n  border-radius:5px;\n}\n\n.goc-stone__frame .goc-zoom{\n  display:block;\n  height:auto;\n}\n\n.goc-stone__frame img{\n  display:block!important;\n  width:100%!important;\n  height:auto!important;\n  max-width:100%!important;\n  max-height:none!important;\n  object-fit:contain!important;\n}\n\n.goc-stone__figure figcaption{\n  margin-top:5px;\n  color:var(--muted);\n  font-size:8.5px;\n  text-align:center;\n}\n\n.goc-stone__copy h3{\n  color:var(--ink);\n  font-size:25px;\n  line-height:1.04;\n}\n\n.goc-stone__copy \u003e p{\n  max-width:515px;\n  margin-top:7px;\n  color:var(--muted);\n  font-size:11.5px;\n  line-height:1.48;\n}\n\n.goc-stone__note{\n  display:grid;\n  grid-template-columns:120px minmax(0,1fr);\n  gap:13px;\n  margin-top:11px;\n  padding-top:8px;\n  border-top:1px solid var(--line2);\n}\n\n.goc-stone__note strong{\n  color:var(--ink);\n  font-size:11px;\n  font-weight:500;\n}\n\n.goc-stone__note span{\n  color:var(--muted);\n  font-size:10.8px;\n  line-height:1.44;\n}\n\n\/* ============================================\n   05 — LIGHT \u0026 INSTALLATION\n============================================ *\/\n\n.goc-light{\n  display:grid;\n  grid-template-columns:.92fr 1.08fr;\n  margin-top:18px;\n  overflow:hidden;\n  border-radius:8px;\n}\n\n.goc-light__story{\n  padding:16px 18px;\n  background:var(--ink);\n}\n\n.goc-light__story .goc-label{\n  color:#D6B187;\n}\n\n.goc-light__story h3{\n  color:#FFF9F1;\n  font-size:23px;\n  line-height:1.04;\n}\n\n.goc-light__story p{\n  max-width:390px;\n  margin-top:7px;\n  color:#D6C9BE;\n  font-size:11.4px;\n  line-height:1.48;\n}\n\n.goc-light__facts{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  background:var(--paper);\n  border:1px solid var(--line2);\n  border-left:0;\n}\n\n.goc-light__fact{\n  padding:11px 13px;\n}\n\n.goc-light__fact:nth-child(even){\n  border-left:1px solid var(--line);\n}\n\n.goc-light__fact:nth-child(n+3){\n  border-top:1px solid var(--line);\n}\n\n.goc-light__fact small{\n  display:block;\n  color:var(--accent);\n  font-size:8px;\n  font-weight:600;\n  text-transform:uppercase;\n}\n\n.goc-light__fact strong{\n  display:block;\n  margin-top:3px;\n  color:var(--ink);\n  font-size:11.3px;\n  font-weight:500;\n}\n\n.goc-light__fact span{\n  display:block;\n  margin-top:3px;\n  color:var(--muted);\n  font-size:10.7px;\n  line-height:1.42;\n}\n\n\/* ============================================\n   06 — SPECS\n============================================ *\/\n\n.goc-spec{\n  margin-top:18px;\n}\n\n.goc-spec__head{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n  gap:19px;\n  margin-bottom:6px;\n}\n\n.goc-spec__head h3{\n  color:var(--ink);\n  font-size:21px;\n}\n\n.goc-spec__head p{\n  max-width:320px;\n  color:var(--muted);\n  font-size:10.9px;\n  text-align:right;\n}\n\n.goc-spec__table{\n  border-top:1px solid var(--ink);\n}\n\n.goc-spec__row{\n  display:grid;\n  grid-template-columns:150px minmax(0,1fr);\n  gap:17px;\n  padding:6px 0;\n  border-bottom:1px solid var(--line);\n}\n\n.goc-spec__row span:first-child{\n  color:#75685F;\n  font-size:11px;\n  font-weight:500;\n}\n\n.goc-spec__row span:last-child{\n  color:var(--ink);\n  font-size:11.4px;\n  line-height:1.45;\n  font-weight:500;\n  overflow-wrap:anywhere;\n}\n\n\/* ============================================\n   07 — FAQ\n============================================ *\/\n\n.goc-faq{\n  display:grid;\n  grid-template-columns:155px minmax(0,1fr);\n  gap:23px;\n  margin-top:18px;\n  padding-top:14px;\n  border-top:1px solid var(--ink);\n}\n\n.goc-faq__intro h3{\n  color:var(--ink);\n  font-size:20px;\n}\n\n.goc-faq__intro p{\n  margin-top:5px;\n  color:var(--muted);\n  font-size:11px;\n  line-height:1.44;\n}\n\n.goc-faq__list{\n  border-top:1px solid var(--line);\n}\n\n.goc-faq__item{\n  margin:0;\n  border-bottom:1px solid var(--line);\n}\n\n.goc-faq__item summary{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:12px;\n  padding:9px 0;\n  color:var(--ink);\n  font-family:\"Cormorant Garamond\",\"Times New Roman\",serif;\n  font-size:15.5px;\n  line-height:1.3;\n  font-weight:500;\n  cursor:pointer;\n  list-style:none;\n}\n\n.goc-faq__item summary::-webkit-details-marker{\n  display:none;\n}\n\n.goc-faq__plus{\n  flex:0 0 auto;\n  color:var(--accent);\n  font-family:\"Jost\",Arial,sans-serif;\n  font-size:15px;\n}\n\n.goc-faq__item[open] .goc-faq__plus{\n  transform:rotate(45deg);\n}\n\n.goc-faq__item p{\n  padding:0 25px 10px 0;\n  color:var(--text);\n  font-size:11.4px;\n  line-height:1.5;\n}\n\n\/* ============================================\n   NATURAL MATERIAL NOTE\n============================================ *\/\n\n.goc-note{\n  margin-top:12px;\n  padding:9px 11px;\n  background:var(--cream);\n  border-left:3px solid var(--accent);\n  color:var(--text);\n  font-size:11.1px;\n  line-height:1.47;\n}\n\n.goc-note strong{\n  color:var(--ink);\n}\n\n\/* ============================================\n   08 — SHIPPING \u0026 RETURNS\n============================================ *\/\n\n.goc-shipping{\n  margin-top:12px;\n  padding:15px 17px;\n  background:var(--ink);\n  border-radius:7px;\n}\n\n.goc-shipping h3{\n  color:#FFF9F1;\n  font-size:18px;\n  margin-bottom:7px;\n}\n\n.goc-shipping p{\n  margin-bottom:5px;\n  color:#DDD2C8;\n  font-size:11.5px;\n  line-height:1.52;\n}\n\n.goc-shipping p:last-child{\n  margin-bottom:0;\n}\n\n.goc-shipping a{\n  color:#D9B990;\n  text-decoration:underline;\n  text-underline-offset:2px;\n}\n\n\/* ============================================\n   LIGHTBOX\n============================================ *\/\n\n.goc-lightbox{\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  display:none;\n  width:100vw;\n  height:100vh;\n  overflow:hidden;\n  background:#17100C;\n}\n\n.goc-lightbox:target{\n  display:block;\n}\n\n.goc-lightbox__close{\n  position:absolute;\n  inset:0;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  height:100%;\n  padding:42px 24px 72px;\n  color:inherit;\n  text-decoration:none;\n  cursor:zoom-out;\n  background:rgba(18,13,9,.97);\n  -webkit-tap-highlight-color:transparent;\n}\n\n.goc-lightbox__image{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  min-height:0;\n  flex:1;\n}\n\n.goc-lightbox__image img{\n  display:block!important;\n  width:auto!important;\n  height:auto!important;\n  max-width:90vw!important;\n  max-height:76vh!important;\n  margin:auto!important;\n  padding:6px;\n  background:#fff;\n  border-radius:5px;\n  object-fit:contain!important;\n  box-shadow:0 18px 58px rgba(0,0,0,.42);\n}\n\n.goc-lightbox__caption{\n  margin-top:9px;\n  color:#E2C9A7;\n  font-size:11px;\n  text-align:center;\n}\n\n.goc-lightbox__hint{\n  margin-top:3px;\n  color:#A99A8D;\n  font-size:9.5px;\n  text-align:center;\n}\n\n\/* ============================================\n   DAWN NARROW COLUMN\n============================================ *\/\n\n@container (max-width:680px){\n\n  .goc-hero{\n    min-height:325px;\n  }\n\n  .goc-hero__content{\n    width:46%;\n    min-height:325px;\n    padding-left:19px;\n  }\n\n  .goc-hero h2{\n    font-size:28px;\n  }\n\n  .goc-hero__photo{\n    width:62%;\n  }\n\n  .goc-place{\n    grid-template-columns:145px minmax(0,1fr);\n    gap:15px;\n  }\n\n  .goc-size{\n    grid-template-columns:205px minmax(0,1fr);\n    gap:17px;\n  }\n\n  .goc-size__compare{\n    width:200px;\n  }\n\n  .goc-size__content h3{\n    font-size:22px;\n  }\n\n  .goc-size__option{\n    grid-template-columns:88px minmax(0,1fr);\n    gap:11px;\n  }\n\n  .goc-size__drawing{\n    width:88px;\n    height:88px;\n  }\n\n  .goc-size__text strong{\n    font-size:19px;\n  }\n\n  .goc-stone{\n    grid-template-columns:190px minmax(0,1fr);\n    gap:16px;\n  }\n\n  .goc-stone__figure{\n    width:185px;\n  }\n\n  .goc-stone__copy h3{\n    font-size:22px;\n  }\n\n  .goc-light{\n    grid-template-columns:1fr;\n  }\n\n  .goc-light__facts{\n    border-top:0;\n    border-left:1px solid var(--line2);\n  }\n\n  .goc-spec__head{\n    display:block;\n  }\n\n  .goc-spec__head p{\n    margin-top:4px;\n    text-align:left;\n  }\n\n  .goc-faq{\n    grid-template-columns:1fr;\n    gap:8px;\n  }\n}\n\n\/* ============================================\n   MOBILE\n============================================ *\/\n\n@container (max-width:450px){\n\n  \/* INTRO *\/\n\n  .goc-hero{\n    min-height:440px;\n  }\n\n  .goc-hero__photo{\n    top:0;\n    right:0;\n    bottom:auto;\n    left:0;\n    width:100%;\n    height:265px;\n    justify-content:center;\n\n    -webkit-mask-image:linear-gradient(\n      to top,\n      transparent 0%,\n      rgba(0,0,0,.55) 10%,\n      #000 25%,\n      #000 100%\n    );\n\n    mask-image:linear-gradient(\n      to top,\n      transparent 0%,\n      rgba(0,0,0,.55) 10%,\n      #000 25%,\n      #000 100%\n    );\n  }\n\n  .goc-hero__photo img{\n    width:100%!important;\n    height:265px!important;\n    object-fit:contain!important;\n    object-position:center!important;\n  }\n\n  .goc-hero__shade{\n    background:linear-gradient(\n      to top,\n      rgba(26,18,13,.98) 0%,\n      rgba(26,18,13,.94) 29%,\n      rgba(26,18,13,.72) 42%,\n      rgba(26,18,13,.22) 58%,\n      transparent 76%\n    );\n  }\n\n  .goc-hero__content{\n    justify-content:flex-end;\n    width:100%;\n    max-width:none;\n    min-height:440px;\n    padding:18px 16px;\n  }\n\n  .goc-hero h2{\n    font-size:26px;\n  }\n\n  .goc-hero__lead{\n    max-width:370px;\n    font-size:11.3px;\n  }\n\n  \/* PLACEMENT *\/\n\n  .goc-place{\n    grid-template-columns:1fr;\n    gap:8px;\n  }\n\n  .goc-place__list{\n    gap:5px;\n  }\n\n  .goc-place__list span{\n    padding:5px 7px;\n    font-size:10.4px;\n  }\n\n  \/* SIZE *\/\n\n  .goc-size{\n    grid-template-columns:1fr;\n    gap:12px;\n  }\n\n  .goc-size__compare{\n    width:min(240px,100%);\n  }\n\n  .goc-size__content h3{\n    font-size:23px;\n  }\n\n  .goc-size__option{\n    grid-template-columns:100px minmax(0,1fr);\n    gap:13px;\n  }\n\n  .goc-size__drawing{\n    width:100px;\n    height:100px;\n  }\n\n  .goc-size__text strong{\n    font-size:21px;\n  }\n\n  \/* STONE *\/\n\n  .goc-stone{\n    grid-template-columns:1fr;\n    gap:10px;\n    padding:11px;\n  }\n\n  .goc-stone__figure{\n    width:min(260px,100%);\n  }\n\n  .goc-stone__note{\n    grid-template-columns:1fr;\n    gap:3px;\n  }\n\n  \/* LIGHT *\/\n\n  .goc-light__facts{\n    grid-template-columns:1fr;\n  }\n\n  .goc-light__fact:nth-child(even){\n    border-left:0;\n  }\n\n  .goc-light__fact + .goc-light__fact{\n    border-top:1px solid var(--line);\n  }\n\n  \/* SPECS *\/\n\n  .goc-spec__row{\n    grid-template-columns:1fr;\n    gap:2px;\n  }\n\n  .goc-spec__row span:first-child{\n    color:var(--accent);\n    font-size:10px;\n  }\n\n  \/* LIGHTBOX *\/\n\n  .goc-lightbox__close{\n    padding:38px 12px 68px;\n  }\n\n  .goc-lightbox__image img{\n    max-width:94vw!important;\n    max-height:72vh!important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"stb-goccia\" id=\"goccia-root\"\u003e\n\u003c!-- =====================================\n       01 — PRODUCT INTRO PHOTO\n  ====================================== --\u003e\n\u003csection class=\"goc-hero\"\u003e\n\u003cdiv class=\"goc-hero__ambient\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_10.jpg?v=1791790701\" alt=\"\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"goc-hero__photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_10.jpg?v=1791790701\" alt=\"Goccia Raindrop Alabaster Pendant Lights glowing against a dark background\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"goc-hero__shade\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"goc-hero__content\"\u003e\n\u003cspan class=\"goc-label\"\u003e Natural Alabaster Pendant Lighting \u003c\/span\u003e\n\u003ch2\u003eGoccia Raindrop Alabaster Pendant Light\u003c\/h2\u003e\n\u003cp class=\"goc-hero__lead\"\u003eInspired by the shape of a falling drop, Goccia pairs softly sculpted alabaster with an understated metal detail. A natural glow with a beautifully simple silhouette.\u003c\/p\u003e\n\u003cdiv class=\"goc-hero__rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"goc-hero__meta\"\u003e\n\u003cspan\u003e\u003cstrong\u003eNatural Alabaster\u003c\/strong\u003e\u003c\/span\u003e \u003cspan\u003eTwo Sizes\u003c\/span\u003e \u003cspan\u003eIntegrated LED\u003c\/span\u003e \u003cspan\u003eHardwired\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       02 — WHERE IT WORKS\n  ====================================== --\u003e\n\u003csection class=\"goc-place\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"goc-label\"\u003e Where It Works \u003c\/span\u003e\n\u003ch3\u003eA little light, beautifully placed.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-place__list\"\u003e\n\u003cspan\u003eBedside\u003c\/span\u003e \u003cspan\u003eKitchen Island\u003c\/span\u003e \u003cspan\u003eDining Table\u003c\/span\u003e \u003cspan\u003eEntryway\u003c\/span\u003e \u003cspan\u003eHallway\u003c\/span\u003e \u003cspan\u003ePendant Grouping\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       03 — SIZE COMPARISON\n  ====================================== --\u003e\n\u003csection class=\"goc-size\" id=\"goccia-size\"\u003e\u003c!-- REAL-LIFE SIZE COMPARISON --\u003e\n\u003cfigure class=\"goc-size__compare\"\u003e\n\u003cdiv class=\"goc-size__photo\"\u003e\u003ca href=\"#goc-lightbox-compare\" class=\"goc-zoom\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_18.jpg?v=1791790700\" alt=\"Goccia small and large raindrop pendants shown side by side\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cfigcaption\u003eActual size comparison · Click to enlarge\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c!-- SIZE OPTIONS --\u003e\n\u003cdiv class=\"goc-size__content\"\u003e\n\u003cspan class=\"goc-label\"\u003e Choose the Scale \u003c\/span\u003e\n\u003ch3\u003eSame silhouette. Two proportions.\u003c\/h3\u003e\n\u003cp class=\"goc-size__intro\"\u003eChoose the smaller drop for a delicate accent, or the larger version for more visual presence.\u003c\/p\u003e\n\u003cdiv class=\"goc-size__options\"\u003e\n\u003c!-- SMALL --\u003e\n\u003cdiv class=\"goc-size__option\"\u003e\n\u003cdiv class=\"goc-size__drawing\"\u003e\u003ca href=\"#goc-lightbox-small\" class=\"goc-zoom\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_26.jpg?v=1791790700\" alt=\"Goccia small size Ø5.9 inches by H9.4 inches\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"goc-size__text\"\u003e\n\u003csmall\u003e Small · Compact Accent \u003c\/small\u003e \u003cstrong\u003e Ø5.9″ × H9.4″ \u003c\/strong\u003e \u003cspan\u003e Ø15 × H24cm \u003c\/span\u003e \u003cspan\u003e Ideal for bedside placement or grouping. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LARGE --\u003e\n\u003cdiv class=\"goc-size__option\"\u003e\n\u003cdiv class=\"goc-size__drawing\"\u003e\u003ca href=\"#goc-lightbox-large\" class=\"goc-zoom\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_25.jpg?v=1791790700\" alt=\"Goccia large size Ø7.1 inches by H13.4 inches\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"goc-size__text\"\u003e\n\u003csmall\u003e Large · Statement Accent \u003c\/small\u003e \u003cstrong\u003e Ø7.1″ × H13.4″ \u003c\/strong\u003e \u003cspan\u003e Ø18 × H34cm \u003c\/span\u003e \u003cspan\u003e More presence above an island or side table. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       04 — NATURAL ALABASTER\n  ====================================== --\u003e\n\u003csection class=\"goc-stone\" id=\"goccia-stone\"\u003e\n\u003cfigure class=\"goc-stone__figure\"\u003e\n\u003cdiv class=\"goc-stone__frame\"\u003e\u003ca href=\"#goc-lightbox-stone\" class=\"goc-zoom\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/alabaster-stuberlighting.jpg?v=1790849795\" alt=\"Natural alabaster stone production and material reference\" loading=\"lazy\"\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cfigcaption\u003eNatural alabaster · Click to enlarge\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cdiv class=\"goc-stone__copy\"\u003e\n\u003cspan class=\"goc-label\"\u003e Genuine Natural Alabaster \u003c\/span\u003e\n\u003ch3\u003eThe stone makes every drop unique.\u003c\/h3\u003e\n\u003cp\u003eNatural alabaster carries organic veining, mineral markings and subtle tonal variation. When illuminated, those differences create a soft, individual glow.\u003c\/p\u003e\n\u003cdiv class=\"goc-stone__note\"\u003e\n\u003cstrong\u003e Natural variation \u003c\/strong\u003e \u003cspan\u003e No two shades are exactly alike. Differences in veining, translucency and tone are normal characteristics of genuine alabaster. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       05 — LIGHT \u0026 INSTALLATION\n  ====================================== --\u003e\n\u003csection class=\"goc-light\"\u003e\n\u003cdiv class=\"goc-light__story\"\u003e\n\u003cspan class=\"goc-label\"\u003e Light Through Stone \u003c\/span\u003e\n\u003ch3\u003eA warm glow from within.\u003c\/h3\u003e\n\u003cp\u003eThe integrated LED softly illuminates the translucent alabaster, revealing its natural pattern without an exposed bulb.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-light__facts\"\u003e\n\u003cdiv class=\"goc-light__fact\"\u003e\n\u003csmall\u003eLight Source\u003c\/small\u003e \u003cstrong\u003eIntegrated LED\u003c\/strong\u003e \u003cspan\u003e No separate bulb required \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-light__fact\"\u003e\n\u003csmall\u003eDefault Light\u003c\/small\u003e \u003cstrong\u003e3000K Warm White\u003c\/strong\u003e \u003cspan\u003e 4000K \/ 6000K available on request \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-light__fact\"\u003e\n\u003csmall\u003eInstallation\u003c\/small\u003e \u003cstrong\u003eHardwired\u003c\/strong\u003e \u003cspan\u003e Ceiling-mounted pendant \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-light__fact\"\u003e\n\u003csmall\u003eCustom Hanging Length\u003c\/small\u003e \u003cstrong\u003eAvailable\u003c\/strong\u003e \u003cspan\u003e Contact us with your required drop \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       06 — SPECIFICATIONS\n  ====================================== --\u003e\n\u003csection class=\"goc-spec\"\u003e\n\u003cdiv class=\"goc-spec__head\"\u003e\n\u003cdiv\u003e\n\u003cspan class=\"goc-label\"\u003e Product Details \u003c\/span\u003e\n\u003ch3\u003eSpecifications\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eEssential size, material and installation details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__table\"\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eProduct\u003c\/span\u003e \u003cspan\u003eGoccia Raindrop Alabaster Pendant Light\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eSmall Size\u003c\/span\u003e \u003cspan\u003eØ5.9″ × H9.4″ \/ Ø15 × H24cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eLarge Size\u003c\/span\u003e \u003cspan\u003eØ7.1″ × H13.4″ \/ Ø18 × H34cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eMaterials\u003c\/span\u003e \u003cspan\u003eNatural Alabaster · Metal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eLight Source\u003c\/span\u003e \u003cspan\u003eIntegrated LED\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eBulb Required\u003c\/span\u003e \u003cspan\u003eNo · Integrated Light Source\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eColor Temperature\u003c\/span\u003e \u003cspan\u003e 3000K Warm White (Default) · 4000K Neutral White · 6000K Cool White \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eDimming\u003c\/span\u003e \u003cspan\u003eNot Dimmable in Standard Configuration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eVoltage\u003c\/span\u003e \u003cspan\u003eAC110–240V\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eInstallation\u003c\/span\u003e \u003cspan\u003eCeiling-Mounted · Hardwired\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eHanging Length\u003c\/span\u003e \u003cspan\u003eCustom Length Available on Request\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eEnvironment\u003c\/span\u003e \u003cspan\u003eIndoor Use · Dry Locations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-spec__row\"\u003e\n\u003cspan\u003eCare\u003c\/span\u003e \u003cspan\u003e Soft Dry Cloth · Avoid Water and Abrasive Cleaners \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       07 — FAQ\n  ====================================== --\u003e\n\u003csection class=\"goc-faq\"\u003e\n\u003cdiv class=\"goc-faq__intro\"\u003e\n\u003cspan class=\"goc-label\"\u003e FAQ \u003c\/span\u003e\n\u003ch3\u003eBefore You Order\u003c\/h3\u003e\n\u003cp\u003eThe details worth confirming.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"goc-faq__list\"\u003e\n\u003cdetails class=\"goc-faq__item\"\u003e\n\u003csummary\u003e\u003cspan\u003e Which size should I choose? \u003c\/span\u003e \u003cspan class=\"goc-faq__plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp\u003eThe 5.9″ diameter is ideal for a smaller accent or a group of pendants. The 7.1″ diameter offers a taller, more noticeable silhouette.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"goc-faq__item\"\u003e\n\u003csummary\u003e\u003cspan\u003e Will every alabaster pendant look identical? \u003c\/span\u003e \u003cspan class=\"goc-faq__plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp\u003eNo. Natural alabaster varies in veining, color and translucency. Every piece has a slightly different appearance.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"goc-faq__item\"\u003e\n\u003csummary\u003e\u003cspan\u003e Can I customize the hanging length? \u003c\/span\u003e \u003cspan class=\"goc-faq__plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp\u003eYes. We support custom hanging lengths. Please share your ceiling height and required drop before ordering.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"goc-faq__item\"\u003e\n\u003csummary\u003e\u003cspan\u003e Can I choose a different light color? \u003c\/span\u003e \u003cspan class=\"goc-faq__plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp\u003e3000K Warm White is the default. If you prefer 4000K Neutral White or 6000K Cool White, contact us when ordering. The standard light does not switch between colors.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"goc-faq__item\"\u003e\n\u003csummary\u003e\u003cspan\u003e Does it require a separate bulb? \u003c\/span\u003e \u003cspan class=\"goc-faq__plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cp\u003eNo. The integrated LED is built into the fixture, so no separate bulb is needed.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       NATURAL MATERIAL NOTE\n  ====================================== --\u003e\n\u003cdiv class=\"goc-note\"\u003e\n\u003cstrong\u003e Natural material note: \u003c\/strong\u003e Each alabaster shade is unique. Natural veining, clouding, mineral markings and differences in translucency are expected characteristics of genuine stone.\u003c\/div\u003e\n\u003c!-- =====================================\n       08 — SHIPPING \u0026 RETURNS\n  ====================================== --\u003e\n\u003csection class=\"goc-shipping\"\u003e\n\u003ch3\u003eShipping \u0026amp; Returns\u003c\/h3\u003e\n\u003cp\u003eFree Standard Shipping (4–6 weeks) — all US \u0026amp; Canada orders. Expedited (2–4 weeks) available; see \u003ca href=\"https:\/\/stuberlighting.com\/policies\/shipping-policy\"\u003e Shipping Policy \u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003eIf you are not satisfied, you may request a return and refund within 30 days, provided the items remain brand new and unused.\u003c\/p\u003e\n\u003cp\u003eOnce shipped, original shipping fees are non-refundable. Buyers are responsible for return shipping costs unless there is a quality issue.\u003c\/p\u003e\n\u003cp\u003eTo start a return, email \u003ca href=\"mailto:support@stuberlighting.com\"\u003e support@stuberlighting.com \u003c\/a\u003e. For details, see our \u003ca href=\"https:\/\/stuberlighting.com\/policies\/refund-policy\"\u003e Returns Policy \u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================\n       LIGHTBOX — SIZE COMPARISON\n  ====================================== --\u003e\n\u003cdiv id=\"goc-lightbox-compare\" class=\"goc-lightbox\"\u003e\u003ca href=\"#goccia-size\" class=\"goc-lightbox__close\"\u003e \u003cspan class=\"goc-lightbox__image\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_18.jpg?v=1791790700\" alt=\"Goccia size comparison enlarged\"\u003e \u003c\/span\u003e \u003cspan class=\"goc-lightbox__caption\"\u003e Goccia · Small \u0026amp; Large Comparison \u003c\/span\u003e \u003cspan class=\"goc-lightbox__hint\"\u003e Tap anywhere to close \u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- =====================================\n       LIGHTBOX — SMALL\n  ====================================== --\u003e\n\u003cdiv id=\"goc-lightbox-small\" class=\"goc-lightbox\"\u003e\u003ca href=\"#goccia-size\" class=\"goc-lightbox__close\"\u003e \u003cspan class=\"goc-lightbox__image\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_26.jpg?v=1791790700\" alt=\"Small Goccia dimension guide enlarged\"\u003e \u003c\/span\u003e \u003cspan class=\"goc-lightbox__caption\"\u003e Small · Ø5.9″ × H9.4″ \u003c\/span\u003e \u003cspan class=\"goc-lightbox__hint\"\u003e Tap anywhere to close \u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- =====================================\n       LIGHTBOX — LARGE\n  ====================================== --\u003e\n\u003cdiv id=\"goc-lightbox-large\" class=\"goc-lightbox\"\u003e\u003ca href=\"#goccia-size\" class=\"goc-lightbox__close\"\u003e \u003cspan class=\"goc-lightbox__image\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_25.jpg?v=1791790700\" alt=\"Large Goccia dimension guide enlarged\"\u003e \u003c\/span\u003e \u003cspan class=\"goc-lightbox__caption\"\u003e Large · Ø7.1″ × H13.4″ \u003c\/span\u003e \u003cspan class=\"goc-lightbox__hint\"\u003e Tap anywhere to close \u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- =====================================\n       LIGHTBOX — ALABASTER\n  ====================================== --\u003e\n\u003cdiv id=\"goc-lightbox-stone\" class=\"goc-lightbox\"\u003e\u003ca href=\"#goccia-stone\" class=\"goc-lightbox__close\"\u003e \u003cspan class=\"goc-lightbox__image\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/alabaster-stuberlighting.jpg?v=1790849795\" alt=\"Natural alabaster material enlarged\"\u003e \u003c\/span\u003e \u003cspan class=\"goc-lightbox__caption\"\u003e Natural Alabaster · Material Reference \u003c\/span\u003e \u003cspan class=\"goc-lightbox__hint\"\u003e Tap anywhere to close \u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Stuberlighting","offers":[{"title":"Dia 5.9\" x H 9.4\" \/ Alabaster \/ Warm Light","offer_id":54202223919387,"sku":"STB-PL-26-10453","price":495.0,"currency_code":"USD","in_stock":true},{"title":"Dia 5.9\" x H 9.4\" \/ Alabaster \/ Cool Light","offer_id":54202223952155,"sku":"STB-PL-26-10454","price":495.0,"currency_code":"USD","in_stock":true},{"title":"Dia 7.1\" x H 13.4\" \/ Alabaster \/ Warm Light","offer_id":54202223984923,"sku":"STB-PL-26-10455","price":568.0,"currency_code":"USD","in_stock":true},{"title":"Dia 7.1\" x H 13.4\" \/ Alabaster \/ Cool Light","offer_id":54202224017691,"sku":"STB-PL-26-10456","price":568.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1018\/7577\/7819\/files\/goccia-raindrop-alabaster-pendant-light-stuberlighting_1.jpg?v=1791790700","url":"https:\/\/stuberlighting.com\/products\/goccia-raindrop-alabaster-pendant-light","provider":"Stuberlighting","version":"1.0","type":"link"}