{"product_id":"bofea-wall-lamp","title":"Bofea wandlamp","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: 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    \/* 弹窗 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    \/* 颜色\/产品提示框样式（深绿色） *\/\n    .custom-product-description .pd-notice--color { \n      background: #4A5248 !important; \n      border-color: #6a7568 !important; \n    }\n    \n    .custom-product-description .pd-notice--color .pd-notice__label { \n      color: #b8c4b6 !important; \n    }\n    \n    .custom-product-description .pd-notice--color .pd-notice__text { \n      color: #e8ede7 !important; \n      font-weight: 500 !important; \n    }\n\n    .custom-product-description .pd-notice--color .pd-notice__text a { \n      color: #d4e8b0 !important; \n      text-decoration: underline !important; \n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"custom-product-description\"\u003e\n\u003c!-- 1. 产品简介与视频展示 --\u003e\n\u003cp\u003eDe Bofea wandlamp is voorzien van een donkerrode vintage glazen koepelvormige lampenkap met rood en vintage metalen afwerking, waardoor een zacht licht ontstaat dat een vleugje vrolijkheid en geluk aan elke kamer toevoegt. De koepelvormige wandapplicateur geeft niet alleen ruim licht, maar dient ook als prachtige decoratie die een unieke sfeer aan de ruimte geeft.\u003c\/p\u003e\n\u003cdiv class=\"product-media-container\" style=\"text-align: start;\"\u003e\n\u003c!-- 自适应视频网格 (恢复为2列自适应排版) --\u003e\n\u003cdiv class=\"custom-vid-grid\"\u003e\n\u003c!-- 视频 1 (新增加) --\u003e\n\u003cdiv class=\"custom-vid-thumb\" data-vid=\"PkSP7afQ-B8\"\u003e\n\u003cimg alt=\"Product Video 1\" src=\"https:\/\/img.youtube.com\/vi\/PkSP7afQ-B8\/hqdefault.jpg\"\/\u003e\n\u003cdiv class=\"custom-play-btn\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频 2 --\u003e\n\u003cdiv class=\"custom-vid-thumb\" data-vid=\"e-DulebwHXA\"\u003e\n\u003cimg alt=\"Product Video 2\" src=\"https:\/\/img.youtube.com\/vi\/e-DulebwHXA\/hqdefault.jpg\"\/\u003e\n\u003cdiv class=\"custom-play-btn\"\u003e\u003cbr\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 颜色差异提示 (移动至视频下方、图片上方) --\u003e\n\u003cdiv class=\"pd-wrap\"\u003e\n\u003cdiv class=\"pd-notice pd-notice--color\"\u003e\n\u003cspan class=\"pd-notice__label\"\u003eLet op\u003c\/span\u003e\n\u003cp class=\"pd-notice__text\"\u003eVanwege kleurverschillen tussen batches kunnen kleurvariaties optreden. Neem alstublieft \u003ca href=\"https:\/\/pinlighting.com\/pages\/contact\" rel=\"noopener\" target=\"_blank\"\u003econtact met ons op\u003c\/a\u003e als u zich hierover zorgen maakt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 原有的静态图片 --\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Bofea_Wall_Lamp_Turn.jpg?v=1769589263\" rel=\"noopener\" target=\"_blank\"\u003e \u003cimg alt=\"Bofea Wall Lamp Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Bofea_Wall_Lamp_Turn_480x480.jpg?v=1769589263\" style=\"margin-top: 16px; margin-bottom: 16px; float: none;\"\/\u003e \u003c\/a\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!-- 弹窗交互脚本 (安全绕过Shopify拦截 \u0026 破解自动播放限制) --\u003e \u003cscript\u003e\n    function initVideoModals() {\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      if (!modal || !iframe) return;\n\n      \/\/ 绑定打开弹窗事件\n      thumbs.forEach(function(thumb) {\n        thumb.addEventListener('click', function() {\n          var videoId = this.getAttribute('data-vid');\n          if (videoId) {\n            \/\/ 1. 核心破解：先让弹窗显示出来，脱离隐藏状态\n            modal.classList.add('active');\n            \n            \/\/ 2. 延迟 50 毫秒加载视频，让浏览器认定这是在可见状态下的用户主动点击，从而允许自动播放\n            setTimeout(function() {\n              \/\/ 极限纯净参数：自动播放、隐藏关联推荐、隐藏Logo、隐藏视频内注释\n              \/\/ (注：顶部的标题是 YouTube 官方强制要求的，播放3秒后会自动淡出)\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      \/\/ 绑定关闭事件 (点击右上角 X 按钮)\n      if (closeBtn) {\n        closeBtn.addEventListener('click', function(e) {\n          e.stopPropagation();\n          iframe.src = \"\";\n          modal.classList.remove('active');\n        });\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    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initVideoModals);\n    } else {\n      initVideoModals();\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\u003eMetaal, glas\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\u003eWandlamp\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eAfwerking\u003c\/th\u003e\n\u003ctd\u003eDonkerrood, goud\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eKleur\u003c\/th\u003e\n\u003ctd\u003eDonkerrood\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\u003e4,7 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eBreedte\u003c\/th\u003e\n\u003ctd\u003e7,1 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHoogte\u003c\/th\u003e\n\u003ctd\u003e7,9 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\u003eE26 of E27\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\u003ePINW-B6017\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\u003eØ 4,7\" (12 cm) × B 7,1\" (18 cm) × H 7,9\" (20 cm). Gewicht 6,6 lbs (3 kg).\u003c\/li\u003e\n\u003cli\u003eGebruikt 40-watt E26 of E27 gloeilampen (niet inbegrepen). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eDeze wandlamp is voorzien van een draaibare schakelaar. De goudkleur ademt een retro en luxe sfeer uit, en dimmen gaat snel en gemakkelijk.\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\/1GXPigWQlbyWJOl7z31NKD0vnTS3kPuUx\/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\/1-QsSENGjBsZdHYnIrzkIq5wqTBryLhRN\/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\/Bofea-Wall-Lamp_f4b96c8f-7d24-4a86-bb37-4a87d305702e.jpg?v=1784085580\"\/\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"D 4,7″ x W 7,1″ x H 7,9″ \/ D 12cm x W 18cm x H 20cm \/ Donkerrood \u0026 Goud","offer_id":50806570352961,"sku":"PINW-B6017","price":23700.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Pinlighting_Bofea_Wall_Lamp_17.jpg?v=1779939884","url":"https:\/\/pinlighting.com\/nl-jp\/products\/bofea-wall-lamp","provider":"Pinlighting","version":"1.0","type":"link"}