{"product_id":"tovare-cylinder-wall-lamp","title":"Tovare Cylinder 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\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    \/* 模块标题 *\/\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    .custom-product-description th {\n      text-align: left;\n      color: #666666;\n      font-weight: 400;\n      width: 35%;\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    .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      z-index: 10 !important;\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      z-index: 10 !important;\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: 1fr;\n      max-width: 600px;\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      display: block; \/* 必须为 block 以便 label 生效 *\/\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      z-index: 10 !important;\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    .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    \/* 统一的弹窗控制方案 (纯 CSS) *\/\n    .img-modal-toggle {\n      display: none;\n    }\n    \n    .img-modal-overlay {\n      position: fixed;\n      top: 0; left: 0; width: 100vw; height: 100vh;\n      background-color: rgba(0,0,0,0.92);\n      z-index: 999999;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s ease, visibility 0.3s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .img-modal-toggle:checked ~ .img-modal-overlay {\n      opacity: 1;\n      visibility: visible;\n    }\n    \n    .img-modal-close {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      cursor: pointer;\n      z-index: 1;\n    }\n    \n    .img-modal-content {\n      position: relative;\n      z-index: 2;\n      max-width: 90vw;\n      max-height: 90vh;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .vid-modal-content {\n      width: 90vw;\n      max-width: 1000px;\n    }\n\n    .custom-vid-aspect {\n      width: 100%;\n      height: 0;\n      padding-bottom: 56.25%;\n      position: relative;\n      background-color: #000;\n      box-shadow: 0 4px 30px rgba(0,0,0,0.6);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n    .custom-vid-aspect iframe {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      border: none;\n    }\n    \n    .img-modal-large {\n      max-width: 100%;\n      max-height: 90vh;\n      object-fit: contain;\n      border-radius: 4px;\n      box-shadow: 0 10px 40px rgba(0,0,0,0.6);\n    }\n    \n    .img-modal-close-btn {\n      position: absolute;\n      top: -40px; right: 0;\n      color: #fff;\n      font-size: 36px;\n      font-weight: 300;\n      cursor: pointer;\n      line-height: 1;\n      transition: color 0.3s;\n    }\n    \n    .img-modal-close-btn:hover {\n      color: #b38e5d;\n    }\n\n    \/* 图片放大镜样式 *\/\n    .custom-img-gallery {\n      text-align: left;\n      margin-bottom: 28px;\n    }\n    \n    .zoom-prompt {\n      font-size: 13px;\n      color: #888888;\n      margin-bottom: 10px;\n      font-weight: 500;\n      letter-spacing: 0.5px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    \n    .zoom-thumbnail-wrapper {\n      display: inline-block;\n      cursor: zoom-in;\n    }\n    \n    .zoom-thumbnail {\n      max-width: 100%; \n      width: 100%;\n      height: auto;\n      border-radius: 6px;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      display: block;\n    }\n    \n    .zoom-thumbnail:hover {\n      transform: scale(1.02);\n      box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n    }\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    .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    .custom-product-description .pd-notice__text { \n      font-size: 13px !important; \n      line-height: 1.5 !important; \n      margin-bottom: 0 !important;\n    }\n    .custom-product-description .pd-notice--color { \n      background: #4A5248 !important; \n      border-color: #6a7568 !important; \n    }\n    .custom-product-description .pd-notice--color .pd-notice__label { \n      color: #b8c4b6 !important; \n    }\n    .custom-product-description .pd-notice--color .pd-notice__text { \n      color: #e8ede7 !important; \n      font-weight: 500 !important; \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\u003cp\u003eEleveer uw interieurarchitectuur met deze Tovare cilindrische wandlamp, waar klassiek messing de ruwe schoonheid van natuurlijk marmer ontmoet. Het design wordt bekroond door een slanke, cilindrische kap die licht diffundeert tot een zacht, ambient gloed, waardoor hard licht wordt vermeden. Het brengt een gevoel van evenwichtige verhoudingen en tijdloos elegantie naar gangen, spiegel- en nachtkasten.\u003c\/p\u003e\n\u003cdiv class=\"pd-notice pd-notice--color\"\u003e\n\u003cstrong class=\"pd-notice__label\"\u003eLet op\u003c\/strong\u003e\n\u003cp class=\"pd-notice__text\"\u003eMarmermotieven variëren per product; onze producten en de afgebeelde foto's kunnen verschillen.\u003c\/p\u003e\n\u003c\/div\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, Marmer, Acryl\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\u003eMessing, Mattzwart, Zwart, Donkergroen\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eKleur\u003c\/th\u003e\n\u003ctd\u003eGevriestig wit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\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\"\u003eBreedte\u003c\/th\u003e\n\u003ctd\u003e5.3 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHoogte\u003c\/th\u003e\n\u003ctd\u003e14,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\u003eG9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDimbaar\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-85120\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\u003cdiv class=\"section-title\"\u003eMEER INFORMATIE\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eModel A: 3,9\" diameter (10cm) x 5,3\" breedte (13,5cm) x 14,2\" hoogte (36cm). Gewicht 4,4 lbs. (2kg)\u003c\/li\u003e\n\u003cli\u003eModel B: 3,9\" diameter (10cm) x 4,5\" breedte (11,5cm) x 15,2\" hoogte (38,5cm). Gewicht 4,4 lbs. (2kg)\u003c\/li\u003e\n\u003cli\u003eModel C: 3,9\" diameter (10cm) x 5,3\" breedte (13,5cm) x 45,3\" hoogte (115cm). Gewicht 6,6 lbs. (3kg)\u003c\/li\u003e\n\u003cli\u003ePlaatgrootte van het plafondkapje: 3,9\" diameter (10 cm).\u003c\/li\u003e\n\u003cli\u003eVoor één 5-watt G9 gloeilamp (niet inbegrepen). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eGeïnspireerd door het antieke archetype van een draagbare fakkel, nu getransformeerd naar een statisch stuk modern sieraad voor het huis, symboliserend een blijvend baken van warmte en geleiding.\u003c\/li\u003e\n\u003cli\u003eVerkrijgbaar in Messing \u0026amp; zwart marmer, Mattzwart \u0026amp; donkergroen marmer.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"dimensions-section\"\u003e\n\u003cdiv class=\"custom-img-gallery\" style=\"margin-top: 16px; margin-bottom: 24px;\"\u003e\n\u003clabel class=\"zoom-thumbnail-wrapper\" for=\"img-modal-dimensions-tovare\" style=\"max-width: 600px; display: block;\"\u003e \u003c\/label\u003e \u003cinput class=\"img-modal-toggle\" id=\"img-modal-dimensions-tovare\" type=\"checkbox\"\/\u003e\n\u003cdiv class=\"img-modal-overlay\"\u003e\n\u003clabel class=\"img-modal-close\" for=\"img-modal-dimensions-tovare\"\u003e\u003c\/label\u003e\n\u003cdiv class=\"img-modal-content\"\u003e\n\u003clabel class=\"img-modal-close-btn\" for=\"img-modal-dimensions-tovare\"\u003e×\u003c\/label\u003e \u003cimg alt=\"Large Dimensions View\" class=\"img-modal-large\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Tovare-Cylinder-Wall-Lamp.jpg?v=1772765764\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    function stopIframeVideo(overlayElement) {\n      if (overlayElement) {\n        var iframes = overlayElement.querySelectorAll('iframe');\n        iframes.forEach(function(iframe) {\n          var currentSrc = iframe.src;\n          iframe.src = currentSrc; \/\/ 重置 src 即可切断正在后台播放的音视频\n        });\n      }\n    }\n\n    \/\/ 1. 监听 ESC 键关闭大图或视频\n    document.addEventListener('keydown', function(event) {\n      if (event.key === 'Escape') {\n        var modals = document.querySelectorAll('.img-modal-toggle');\n        modals.forEach(function(modal) {\n          modal.checked = false;\n          stopIframeVideo(modal.nextElementSibling);\n        });\n      }\n    });\n\n    \/\/ 2. 监听复选框状态改变 (处理点击背景或关闭按钮时的情况)\n    document.querySelectorAll('.img-modal-toggle').forEach(function(toggle) {\n      toggle.addEventListener('change', function() {\n        if (!this.checked) {\n          stopIframeVideo(this.nextElementSibling);\n        }\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"Model A: D 10cm x B 13.5cm x H 36cm \/ Messing \u0026 Zwart Marmer","offer_id":51434830725441,"sku":"PINW-85120-01","price":138.95,"currency_code":"EUR","in_stock":true},{"title":"Model A: D 10cm x B 13.5cm x H 36cm \/ Matzwart \u0026 Donkergroen Marmer","offer_id":51434834854209,"sku":"PINW-85120-02","price":138.95,"currency_code":"EUR","in_stock":true},{"title":"Model B: D 10cm x B 11.5cm x H 38.5cm \/ Messing \u0026 Zwart Marmer","offer_id":51434830758209,"sku":"PINW-85120-03","price":138.95,"currency_code":"EUR","in_stock":true},{"title":"Model B: D 10cm x B 11.5cm x H 38.5cm \/ Matzwart \u0026 Donkergroen Marmer","offer_id":51434834886977,"sku":"PINW-85120-04","price":138.95,"currency_code":"EUR","in_stock":true},{"title":"Model C: D 10cm x B 13.5cm x H 115cm \/ Messing \u0026 Zwart Marmer","offer_id":51434830790977,"sku":"PINW-85120-05","price":275.95,"currency_code":"EUR","in_stock":true},{"title":"Model C: D 10cm x B 13.5cm x H 115cm \/ Matzwart \u0026 Donkergroen Marmer","offer_id":51434834919745,"sku":"PINW-85120-06","price":275.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Tovare_Cylinder_Wall_Lamp_1.jpg?v=1772445526","url":"https:\/\/pinlighting.com\/nl-nl\/products\/tovare-cylinder-wall-lamp","provider":"Pinlighting","version":"1.0","type":"link"}