{"product_id":"veritas-alabaster-pendant-lamp","title":"Veritas Alabaster Hanglamp","description":"\u003cdiv class=\"custom-product-description\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e \u003c!-- 引入自定义样式，限制在该区域内生效 --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    .custom-product-description {\n      font-family: 'DM Sans', inherit;\n      color: #333333;\n      line-height: 1.6;\n      font-size: 15px;\n    }\n    \n    .custom-product-description p {\n      margin-bottom: 24px;\n      color: #4a4a4a;\n    }\n\n    \/* 模块标题（参考图1的金色 SPECIFICATIONS） *\/\n    .custom-product-description .section-title {\n      color: #b38e5d; \/* 提取的金色 *\/\n      font-size: 13px;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      border-bottom: 1px solid #e5dccb;\n      padding-bottom: 8px;\n      margin-bottom: 16px;\n      margin-top: 40px;\n      font-weight: 500;\n    }\n\n    \/* 表格样式 *\/\n    .custom-product-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 24px;\n    }\n\n    .custom-product-description tr {\n      border-bottom: 1px solid #f2eee8;\n    }\n    \n    .custom-product-description tr:last-child {\n      border-bottom: none;\n    }\n\n    .custom-product-description th,\n    .custom-product-description td {\n      padding: 4px 0;\n      vertical-align: middle;\n      font-size: 14px;\n    }\n\n    \/* 左侧属性名 *\/\n    .custom-product-description th {\n      text-align: left;\n      color: #666666;\n      font-weight: 400;\n      width: 35%;\n    }\n\n    \/* 右侧属性值 *\/\n    .custom-product-description td {\n      text-align: left;\n      color: #222222;\n      font-weight: 600;\n    }\n\n    \/* 列表样式 *\/\n    .custom-product-description ul {\n      list-style-type: none;\n      padding-left: 0;\n      margin-top: 16px;\n    }\n\n    .custom-product-description li {\n      position: relative;\n      padding-left: 18px;\n      margin-bottom: 12px;\n      color: #4a4a4a;\n      font-size: 14px;\n    }\n\n    .custom-product-description li::before {\n      content: \"•\";\n      color: #b38e5d; \/* 金色圆点 *\/\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n\n    \/* 底部文档下载按钮区域 *\/\n    .docs-buttons-container {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 20px;\n    }\n\n    \/* 按钮样式（参考图2） *\/\n    .action-btn {\n      display: inline-flex;\n      align-items: stretch;\n      background-color: #525a4e; \/* 右侧深橄榄绿 *\/\n      width: fit-content;\n    }\n\n    .action-btn-icon {\n      background-color: #6a7266; \/* 左侧浅橄榄绿 *\/\n      color: #ffffff;\n      padding: 8px 14px;\n      font-size: 16px;\n      font-weight: bold;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .action-btn-text {\n      color: #ffffff;\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 1px;\n      padding: 8px 16px;\n      text-transform: uppercase;\n      display: flex;\n      align-items: center;\n    }\n\n    \/* 确保你在后台加了超链接后，文字依然保持白色且没有默认下划线，并添加悬停动态下划线 *\/\n    .action-btn-text a {\n      color: #ffffff !important;\n      text-decoration: none;\n      position: relative;\n      display: inline-block;\n    }\n    \n    .action-btn-text a::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      transform: scaleX(0);\n      height: 1px;\n      bottom: -2px; \/* 控制下划线与文字的间距 *\/\n      left: 0;\n      background-color: #ffffff;\n      transform-origin: bottom right;\n      transition: transform 0.3s ease-out;\n    }\n\n    .action-btn-text a:hover::after {\n      transform: scaleX(1);\n      transform-origin: bottom left;\n    }\n\n    \/* 视频网格与弹窗样式 *\/\n    .custom-vid-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n    .custom-vid-thumb {\n      position: relative;\n      width: 100%;\n      padding-bottom: 56.25%; \/* 16:9 比例自适应 *\/\n      background-color: #000;\n      border-radius: 6px;\n      overflow: hidden;\n      cursor: pointer;\n    }\n    .custom-vid-thumb img {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s ease;\n      opacity: 0.85;\n    }\n    .custom-vid-thumb:hover img {\n      transform: scale(1.05);\n      opacity: 1;\n    }\n    .custom-play-btn {\n      position: absolute;\n      top: 50%; left: 50%;\n      transform: translate(-50%, -50%);\n      width: 44px; height: 44px;\n      background-color: rgba(0, 0, 0, 0.6);\n      border: 2px solid #fff;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }\n    .custom-vid-thumb:hover .custom-play-btn {\n      background-color: #b38e5d; \/* 品牌金色 *\/\n      border-color: #b38e5d;\n      transform: translate(-50%, -50%) scale(1.1);\n    }\n    .custom-play-btn::before {\n      content: '';\n      border-style: solid;\n      border-width: 8px 0 8px 12px;\n      border-color: transparent transparent transparent #fff;\n      margin-left: 4px;\n    }\n\n    \/* 新增：视频左下角提示语样式 *\/\n    .custom-vid-label {\n      position: absolute;\n      bottom: 12px;\n      left: 12px;\n      color: #ffffff;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      background-color: rgba(0, 0, 0, 0.65);\n      padding: 4px 10px;\n      border-radius: 4px;\n      z-index: 2;\n      pointer-events: none; \/* 防止遮挡点击事件 *\/\n      transition: background-color 0.3s ease;\n    }\n    .custom-vid-thumb:hover .custom-vid-label {\n      background-color: #b38e5d; \/* 鼠标悬停时同步变金 *\/\n    }\n\n    \/* 弹窗 Modal 样式 (满屏沉浸式升级版) *\/\n    .custom-vid-modal {\n      display: none;\n      position: fixed;\n      z-index: 999999;\n      left: 0; top: 0; width: 100vw; height: 100vh;\n      background-color: rgba(0,0,0,0.95);\n      align-items: center; justify-content: center;\n    }\n    .custom-vid-modal.active {\n      display: flex;\n    }\n    .custom-vid-content {\n      position: relative;\n      width: 96vw; \n      height: 96vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-vid-aspect {\n      width: 100%;\n      height: 100%;\n      \/* 核心：无论横竖屏，完美锁定 16:9 并极限放大 *\/\n      max-height: calc(96vw * 9 \/ 16);\n      max-width: calc(96vh * 16 \/ 9);\n      position: relative;\n    }\n    .custom-vid-aspect iframe {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      border: none;\n      box-shadow: 0 4px 30px rgba(0,0,0,0.6);\n      background-color: #000;\n    }\n    .custom-vid-close {\n      position: absolute;\n      top: 16px; right: 24px;\n      color: #fff; font-size: 40px;\n      cursor: pointer; font-weight: 300;\n      line-height: 1;\n      transition: color 0.3s;\n      z-index: 1000000;\n    }\n    .custom-vid-close:hover {\n      color: #b38e5d;\n    }\n\n    \/* 提示框通用设置 *\/\n    .custom-product-description .pd-wrap {\n      font-family: 'DM Sans', sans-serif !important;\n    }\n\n    .custom-product-description .pd-notice { \n      padding: 14px 16px !important; \n      border-left: 3px solid !important; \n      margin-bottom: 24px !important;\n    }\n\n    .custom-product-description .pd-notice__label { \n      font-size: 10px !important; \n      font-weight: 500 !important; \n      letter-spacing: 0.12em !important; \n      text-transform: uppercase !important; \n      margin-bottom: 5px !important; \n      display: block !important;\n    }\n\n    .custom-product-description .pd-notice__text { \n      font-size: 13px !important; \n      line-height: 1.5 !important; \n      margin-bottom: 0 !important;\n    }\n\n    \/* Please Note 提示框样式（米黄底+橙色边） *\/\n    .custom-product-description .pd-notice--note { \n      background: #faf6ef !important; \n      border-color: #c99335 !important; \n    }\n    \n    .custom-product-description .pd-notice--note .pd-notice__label { \n      color: #c99335 !important; \n    }\n    \n    .custom-product-description .pd-notice--note .pd-notice__text { \n      color: #4a4a4a !important; \n      font-weight: 400 !important; \n    }\n\n    .custom-product-description .pd-notice--note .pd-notice__text a { \n      color: #c99335 !important; \n      text-decoration: underline !important; \n      text-underline-offset: 4px !important;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"custom-product-description\"\u003e\n\u003c!-- 1. 产品简介 --\u003e\n\u003cp\u003eDeze schitterende hanglamp kenmerkt zich door een langwerpige, nauwkeurig uitgesneden cilinder van natuurlijk albastercen steen, opgehangen aan een slanke, minimalistische metalen downrod. Omdat het is vervaardigd uit authentiek albaster, vertoont elk armatuur zijn eigen unieke, eenmalige netwerk van donkere structurele nerf. Wanneer verlicht, diffundeert de doorschijnende steen het binnenste lichtbron meesterlijk – elimineert volledig harde gloeilamp-glans en vervangt deze door een zachte, etherische en diep sfeervolle gloed. Of gerangschikt in een opvallende lineaire serie boven een luxe keukeneiland of opgehangen als een enkele minimalistische kolom in een modern atrium, het trekt aandacht met moeiteloos, verfijnd aanvoelen.\u003c\/p\u003e\n\u003c!-- 提示框 (米黄底+橙色边框) --\u003e\n\u003cdiv class=\"pd-wrap\"\u003e\n\u003cdiv class=\"pd-notice pd-notice--note\"\u003e\n\u003cspan class=\"pd-notice__label\"\u003eLET ALSTUBLIEFT OP\u003c\/span\u003e\n\u003cp class=\"pd-notice__text\"\u003eAlbasterpatronen variëren van nature per stuk, waardoor elk exemplaar uniek is. Deze variaties zijn geen gebreken. Neem bij vragen alstublieft \u003ca href=\"https:\/\/pinlighting.com\/pages\/contact\" rel=\"noopener\" target=\"_blank\"\u003econtact met ons op\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频播放弹窗 (Modal) --\u003e\n\u003cdiv class=\"custom-vid-modal\" id=\"customVidModal\"\u003e\n\u003c!-- 将关闭按钮移到最外层，确保永不被遮挡 --\u003e \u003cspan class=\"custom-vid-close\" id=\"customVidCloseBtn\"\u003e×\u003c\/span\u003e\n\u003cdiv class=\"custom-vid-content\"\u003e\n\u003cdiv class=\"custom-vid-aspect\"\u003e\n\u003c!-- 补充了完整的 allow 权限，允许自动播放 --\u003e \u003ciframe id=\"customVidIframe\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 图片放大弹窗 (Modal) --\u003e\n\u003cdiv class=\"custom-vid-modal\" id=\"customImgModal\"\u003e\n\u003cspan class=\"custom-vid-close\" id=\"customImgCloseBtn\"\u003e×\u003c\/span\u003e\n\u003cdiv style=\"width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 24px; box-sizing: border-box;\"\u003e\u003cimg id=\"customImgModalPic\" style=\"max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 10px 40px rgba(0,0,0,0.5); border-radius: 4px;\"\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 弹窗交互脚本 (安全绕过Shopify拦截 \u0026 破解自动播放限制 \u0026 图片放大功能) --\u003e \u003cscript\u003e\n    function initAllModals() {\n      var thumbs = document.querySelectorAll('.custom-vid-thumb');\n      var modal = document.getElementById('customVidModal');\n      var iframe = document.getElementById('customVidIframe');\n      var closeBtn = document.getElementById('customVidCloseBtn');\n  \n      \/\/ --- 视频弹窗逻辑 ---\n      if (modal \u0026\u0026 iframe) {\n        thumbs.forEach(function(thumb) {\n          thumb.addEventListener('click', function() {\n            var videoId = this.getAttribute('data-vid');\n            if (videoId) {\n              modal.classList.add('active');\n              setTimeout(function() {\n                iframe.src = \"https:\/\/www.youtube.com\/embed\/\" + videoId + \"?autoplay=1\u0026rel=0\u0026modestbranding=1\u0026iv_load_policy=3\u0026playsinline=1\";\n              }, 50);\n            }\n          });\n        });\n  \n        if (closeBtn) {\n          closeBtn.addEventListener('click', function(e) {\n            e.stopPropagation();\n            iframe.src = \"\";\n            modal.classList.remove('active');\n          });\n        }\n  \n        modal.addEventListener('click', function(e) {\n          if (e.target === modal || e.target.classList.contains('custom-vid-content')) {\n            iframe.src = \"\";\n            modal.classList.remove('active');\n          }\n        });\n      }\n\n      \/\/ --- 图片放大弹窗逻辑 ---\n      var imgTrigger = document.getElementById('glassColorCollectionImg');\n      var imgModal = document.getElementById('customImgModal');\n      var imgPic = document.getElementById('customImgModalPic');\n      var imgClose = document.getElementById('customImgCloseBtn');\n\n      if (imgTrigger \u0026\u0026 imgModal \u0026\u0026 imgPic) {\n        imgTrigger.addEventListener('click', function() {\n          imgPic.src = this.src; \/\/ 提取图片地址放入弹窗\n          imgModal.classList.add('active');\n        });\n\n        if (imgClose) {\n          imgClose.addEventListener('click', function(e) {\n            e.stopPropagation();\n            imgModal.classList.remove('active');\n          });\n        }\n\n        imgModal.addEventListener('click', function(e) {\n          if (e.target !== imgPic) {\n            imgModal.classList.remove('active');\n          }\n        });\n      }\n\n      \/\/ --- 全局 ESC 键关闭事件 ---\n      document.addEventListener('keydown', function(e) {\n        if (e.key === \"Escape\") {\n          \/\/ 关闭视频弹窗\n          if (modal \u0026\u0026 modal.classList.contains('active')) {\n            iframe.src = \"\";\n            modal.classList.remove('active');\n          }\n          \/\/ 关闭图片弹窗\n          if (imgModal \u0026\u0026 imgModal.classList.contains('active')) {\n            imgModal.classList.remove('active');\n          }\n        }\n      });\n    }\n  \n    \/\/ 确保在整个页面结构加载完毕后执行脚本\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initAllModals);\n    } else {\n      initAllModals();\n    }\n  \u003c\/script\u003e \u003c!-- 2. 产品属性表格 --\u003e\n\u003cdiv class=\"section-title\"\u003ePRODUCTKENMERKEN\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMateriaal\u003c\/th\u003e\n\u003ctd\u003eMessing, Alabaster\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStijl\u003c\/th\u003e\n\u003ctd\u003eModern\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd\u003eHanglamp\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eAfwerking\u003c\/th\u003e\n\u003ctd\u003eMessing, Zwart\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eKleur\u003c\/th\u003e\n\u003ctd\u003eWhite\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 3. 技术规格表格 --\u003e\n\u003cdiv class=\"section-title\"\u003eTECHNISCHE SPECIFICATIES\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDiameter\u003c\/th\u003e\n\u003ctd\u003e3,9 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eGlashoogte\u003c\/th\u003e\n\u003ctd\u003e15,7 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHoogte\u003c\/th\u003e\n\u003ctd\u003e47,2 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInstallatie\u003c\/th\u003e\n\u003ctd\u003eIngebouwd\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLichtbron\u003c\/th\u003e\n\u003ctd\u003eGU10\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDimfunctie\u003c\/th\u003e\n\u003ctd\u003eCompatibel met dimmerschakelaars\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eFabrikantsnummer\u003c\/th\u003e\n\u003ctd\u003ePINP-12107\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eGecertificeerd\u003c\/th\u003e\n\u003ctd\u003eCompatibel met Noord-Amerika, Saoedi-Arabië, Europa, Australië Certificering\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 4. 更多详情 --\u003e\n\u003cdiv class=\"section-title\"\u003eMEER INFORMATIE\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eDiameter 3,9\" (10cm) × hoogte 47,2\" (120cm). Gewicht 17,6 lbs. (8kg).\u003c\/li\u003e\n\u003cli\u003eGebruikt 5-watt GU10 gloeilampen (niet inbegrepen). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eVerhef uw huis met een prachtig monument voor stille luxe en tijdloze geologie.\u003cbr\/\u003e\u003c\/li\u003e\n\u003cli\u003eGeleverd met verstelbare ophangstang van 19,7\" + 11,8\".\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 5. 独立出来的技术文档下载按钮 --\u003e\n\u003cdiv class=\"section-title\"\u003eTECHNISCHE DOCUMENTATIE\u003c\/div\u003e\n\u003cdiv class=\"docs-buttons-container\"\u003e\n\u003cdiv class=\"action-btn\"\u003e\n\u003cdiv class=\"action-btn-icon\"\u003e↓\u003c\/div\u003e\n\u003cdiv class=\"action-btn-text\"\u003e\u003ca href=\"https:\/\/drive.google.com\/file\/d\/1aO_aMEiaZeP8Si9kKhngFXN6unS24ht_\/view?usp=drive_link\" rel=\"noopener\" target=\"_blank\"\u003eVOLLEDIGE SPECIFICATIES (PDF)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\n\u003cdiv class=\"action-btn-icon\"\u003e↓\u003c\/div\u003e\n\u003cdiv class=\"action-btn-text\"\u003e\u003ca href=\"https:\/\/drive.google.com\/file\/d\/1a1LON_r6Aa6qEnaSI6sPjADU23fxQlpe\/view?usp=drive_link\" rel=\"noopener\" target=\"_blank\"\u003eINSTALLATIEHANDLEIDING (PDF)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\n\u003cdiv class=\"action-btn-icon\"\u003e↓\u003c\/div\u003e\n\u003cdiv class=\"action-btn-text\"\u003e3D-BESTANDEN\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 尺寸图区域 --\u003e\n\u003cdiv class=\"dimensions-section\"\u003e\n\u003cdiv class=\"section-title\"\u003eAFMETINGEN\u003c\/div\u003e\n\u003cdiv class=\"dimensions-container\" style=\"text-align: left; margin-top: 16px; margin-bottom: 24px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Veritas-Alabaster-Pendant-Lamp_1247c223-41dd-48cf-9a07-d1645d75e323.jpg?v=1782460879\"\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"D 3,9″ x H 47,2″ \/ D 10cm x H 120cm \/ Messing \u0026 Wit","offer_id":51783775617345,"sku":"PINP-12107-01","price":473.95,"currency_code":"EUR","in_stock":true},{"title":"D 3,9″ x H 47,2″ \/ D 10cm x H 120cm \/ Zwart \u0026 Wit","offer_id":51783775846721,"sku":"PINP-12107-02","price":473.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Veritas_Alabaster_Pendant_Lamp_1.jpg?v=1780407374","url":"https:\/\/pinlighting.com\/nl-nl\/products\/veritas-alabaster-pendant-lamp","provider":"Pinlighting","version":"1.0","type":"link"}