{"product_id":"bofea-wall-lamp","title":"Bofea Wandleuchte","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\u003eDie Bofea Wandleuchte zeichnet sich durch einen vintagen dunkelroten Glaskugelschirm mit rotem und antikem Metallfinish aus, der weiches Licht wirft und jeden Raum mit einem Hauch von Fröhlichkeit und Lebensfreude erfüllt. Die kugelförmige Wandleuchte bietet nicht nur ausreichend Beleuchtung, sondern dient auch als wunderschöne Dekoration, die eine einzigartige Atmosphäre schafft.\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\"\u003eWichtiger Hinweis\u003c\/span\u003e\n\u003cp class=\"pd-notice__text\"\u003eAufgrund von Farbunterschieden zwischen Chargen können Farbabweichungen auftreten. Bitte \u003ca href=\"https:\/\/pinlighting.com\/pages\/contact\" rel=\"noopener\" target=\"_blank\"\u003ekontaktieren Sie uns\u003c\/a\u003e, falls Sie bedenken haben.\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\"\u003ePRODUKTMERKMALE\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eMetall, Glas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStil\u003c\/th\u003e\n\u003ctd\u003eModern\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eTyp\u003c\/th\u003e\n\u003ctd\u003eWandleuchte\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eOberfläche\u003c\/th\u003e\n\u003ctd\u003eDunkelrot, Gold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eFarbe\u003c\/th\u003e\n\u003ctd\u003eDunkelrot\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 SPEZIFIKATIONEN\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDurchmesser\u003c\/th\u003e\n\u003ctd\u003e12 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eBreite\u003c\/th\u003e\n\u003ctd\u003e7,1 Zoll\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHöhe\u003c\/th\u003e\n\u003ctd\u003e20 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInstallation\u003c\/th\u003e\n\u003ctd\u003eFestverdrahtet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLichtquelle\u003c\/th\u003e\n\u003ctd\u003eE26 oder E27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDimmbar\u003c\/th\u003e\n\u003ctd\u003eKompatibel mit Dimmschaltern\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHerstellernummer\u003c\/th\u003e\n\u003ctd\u003ePINW-B6017\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eZertifiziert\u003c\/th\u003e\n\u003ctd\u003eKompatibel mit Nordamerika, Saudi-Arabien, Europa, Australien Zertifizierung\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 4. 更多详情 --\u003e\n\u003cdiv class=\"section-title\"\u003eWEITERE DETAILS\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\u003eVerwendet 40-Watt-Leuchtmittel E26 oder E27 (nicht enthalten). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eDiese Wandleuchte ist mit einem Drehschalter ausgestattet. Die Goldfarbe strahlt eine retro und hochwertige Atmosphäre aus, und das Dimmen ist schnell und bequem.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 5. 独立出来的技术文档下载按钮 --\u003e\n\u003cdiv class=\"section-title\"\u003eTECHNISCHE DOKUMENTE\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\"\u003eVOLLSTÄNDIGE SPEZIFIKATIONEN (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\"\u003eINSTALLATIONSANLEITUNG (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-DATEIEN\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\"\u003eABMESSUNGEN\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 \/ Dunkelrot \u0026 Gold","offer_id":50806570352961,"sku":"PINW-B6017","price":2502.0,"currency_code":"MXN","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\/de-mx\/products\/bofea-wall-lamp","provider":"Pinlighting","version":"1.0","type":"link"}