{"product_id":"alistair-gallery-wall-light","title":"Alistair Gallery Wall Light","description":"\u003cdiv class=\"custom-product-description\"\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \n  \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600\u0026amp;display=swap\"\u003e \n  \u003c!-- 引入自定义样式，限制在该区域内生效 --\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    \/* 图片放大镜与弹窗样式 (防屏蔽纯 CSS 方案) *\/\n    .custom-img-gallery {\n      text-align: left;\n      margin-bottom: 28px;\n    }\n    \n    .zoom-prompt {\n      font-size: 12px;\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    \/* 预览图尺寸调小 *\/\n    .zoom-thumbnail {\n      max-width: 300px; \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    .img-modal-toggle {\n      display: none;\n    }\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    \/* 点击背景任意区域即可关闭 *\/\n    .img-modal-close {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      cursor: zoom-out;\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    \/* 高清大图显示控制 *\/\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  \u003c\/style\u003e\n\n  \u003c!-- 1. 产品简介 --\u003e\n  \u003cp\u003eElevate your space with this elegant Alistair Gallery Wall Light, a linear masterpiece designed to bring focused brilliance to your most cherished displays. Transforms artwork and mirrors into focal points. Its slim profile and refined hardware make it a timeless addition to hallways, libraries, or bedsides.\u003c\/p\u003e\n  \n  \u003c!-- 细节展示图 (点击本页弹窗放大版) --\u003e\n  \u003cdiv class=\"custom-img-gallery\"\u003e\n    \u003c!-- 完美还原的 金+灰 提示语 --\u003e\n    \u003cp style=\"font-size: 14px; color: #b38e5d; font-weight: 600; text-align: left; margin-top: 24px; margin-bottom: 8px; padding-left: 0;\"\u003e* The fixture's adjustable articulation points are illustrated below \u003cspan style=\"color: #888888; font-weight: 500; font-size: 13px;\"\u003e(Click to enlarge🔍)\u003c\/span\u003e:\u003c\/p\u003e\n    \n    \u003c!-- id \"img-modal-alistair\" 必须唯一，绑定给复选框 --\u003e\n    \u003clabel class=\"zoom-thumbnail-wrapper\" for=\"img-modal-alistair\"\u003e \n      \u003cimg class=\"zoom-thumbnail\" alt=\"Alistair Gallery Wall Light Detail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Alistair_Gallery_Wall_Light_34_600x600.jpg?v=1772608955\"\u003e \n    \u003c\/label\u003e \n    \n    \u003c!-- 纯 CSS 控制核心开关 --\u003e\n    \u003cinput aria-hidden=\"true\" class=\"img-modal-toggle\" id=\"img-modal-alistair\" type=\"checkbox\"\u003e\n    \n    \u003c!-- 弹出层界面 --\u003e\n    \u003cdiv class=\"img-modal-overlay\"\u003e\n      \u003clabel class=\"img-modal-close\" for=\"img-modal-alistair\"\u003e\u003c\/label\u003e\n      \u003cdiv class=\"img-modal-content\"\u003e\n        \u003clabel class=\"img-modal-close-btn\" for=\"img-modal-alistair\"\u003e×\u003c\/label\u003e \n        \u003cimg alt=\"Large View\" class=\"img-modal-large\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Alistair_Gallery_Wall_Light_34.jpg?v=1772608955\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. 产品属性表格 --\u003e\n  \u003cdiv class=\"section-title\"\u003ePRODUCT ATTRIBUTES\u003c\/div\u003e\n  \u003ctable\u003e\n    \u003ctbody\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eMaterial\u003c\/th\u003e\n        \u003ctd\u003eIron\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eStyle\u003c\/th\u003e\n        \u003ctd\u003eIndustrial Style\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n        \u003ctd\u003eWall Lamp\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eFinish\u003c\/th\u003e\n        \u003ctd\u003eChrome, Copper\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eColor\u003c\/th\u003e\n        \u003ctd\u003eChrome, Copper\u003c\/td\u003e\n      \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\n  \u003c!-- 3. 技术规格表格 --\u003e\n  \u003cdiv class=\"section-title\"\u003eTECHNICAL SPECIFICATIONS\u003c\/div\u003e\n  \u003ctable\u003e\n    \u003ctbody\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eLength\u003c\/th\u003e\n        \u003ctd\u003e15.4 inch\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eWidth\u003c\/th\u003e\n        \u003ctd\u003e11.4 inch\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eHeight\u003c\/th\u003e\n        \u003ctd\u003e5.9 inch\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eInstallation\u003c\/th\u003e\n        \u003ctd\u003eHardwired\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eLight Source\u003c\/th\u003e\n        \u003ctd\u003eE14\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eDimming\u003c\/th\u003e\n        \u003ctd\u003eCompatible with dimmer switches\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eManufacturer Number\u003c\/th\u003e\n        \u003ctd\u003ePINW-MB3673\u003c\/td\u003e\n      \u003c\/tr\u003e\n      \u003ctr\u003e\n        \u003cth scope=\"row\"\u003eCertified\u003c\/th\u003e\n        \u003ctd\u003eCompatible with North America, Saudi Arabia, Europe, Australia Certification\u003c\/td\u003e\n      \u003c\/tr\u003e\n    \u003c\/tbody\u003e\n  \u003c\/table\u003e\n\n  \u003c!-- 4. 更多详情 --\u003e\n  \u003cdiv class=\"section-title\"\u003eMORE DETAILS\u003c\/div\u003e\n  \u003cul\u003e\n    \u003cli\u003e15.4\" length (39cm) x 11.4\" width (29cm) x 5.9\" height (15cm). Weighs 2.2 lbs. (1kg)\u003c\/li\u003e\n    \u003cli\u003eCeiling canopy plate size: 3.9\" diameter (10cm).\u003c\/li\u003e\n    \u003cli\u003eUses two 15-watt E14 incandescent bulbs (not included). 90 CRI.\u003c\/li\u003e\n    \u003cli\u003eThe design seeks to balance functional precision with a vintage aesthetic, mimicking the lighting used to illuminate classical masterpieces with a modern, streamlined twist.\u003c\/li\u003e\n    \u003cli\u003eAvailable in Chrome, Copper.\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003c!-- 5. 下载按钮 --\u003e\n  \u003cdiv class=\"section-title\"\u003eTECHNICAL DOCUMENTS\u003c\/div\u003e\n  \u003cdiv class=\"docs-buttons-container\"\u003e\n    \u003cdiv class=\"action-btn\"\u003e\n      \u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \n      \u003cspan class=\"action-btn-text\"\u003e \n        \u003ca rel=\"noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1gTkp23DRi6v7AZOwgZqdPjaBLTGyMtUu\/view?usp=drive_link\" target=\"_blank\"\u003eFULL SPECIFICATIONS (PDF)\u003c\/a\u003e \n      \u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"action-btn\"\u003e\n      \u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \n      \u003cspan class=\"action-btn-text\"\u003e INSTALLATION INSTRUCTIONS (PDF) \u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"action-btn\"\u003e\n      \u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \n      \u003cspan class=\"action-btn-text\"\u003e 3D FILES \u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 6. 尺寸图区域 --\u003e\n  \u003cdiv class=\"dimensions-section\"\u003e\n    \u003cdiv class=\"section-title\"\u003eDIMENSIONS\u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 16px; margin-bottom: 24px;\" class=\"custom-img-gallery\"\u003e\n      \n      \u003cdiv class=\"zoom-prompt\"\u003e(Click to enlarge🔍)\u003c\/div\u003e\n      \n      \u003c!-- id \"img-modal-dimensions\" 必须唯一 --\u003e\n      \u003clabel style=\"max-width: 600px; display: block;\" class=\"zoom-thumbnail-wrapper\" for=\"img-modal-dimensions\"\u003e \n        \u003cimg style=\"max-width: 100%;\" class=\"zoom-thumbnail\" alt=\"Alistair Gallery Wall Light Dimensions\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Alistair-Gallery-Wall-Light_600x600.jpg?v=1772765764\"\u003e \n      \u003c\/label\u003e \n      \n      \u003c!-- 纯 CSS 控制核心开关 --\u003e\n      \u003cinput aria-hidden=\"true\" class=\"img-modal-toggle\" id=\"img-modal-dimensions\" type=\"checkbox\"\u003e \n      \n      \u003c!-- 弹出层界面 --\u003e\n      \u003cdiv class=\"img-modal-overlay\"\u003e\n        \u003clabel class=\"img-modal-close\" for=\"img-modal-dimensions\"\u003e\u003c\/label\u003e\n        \u003cdiv class=\"img-modal-content\"\u003e\n          \u003clabel class=\"img-modal-close-btn\" for=\"img-modal-dimensions\"\u003e×\u003c\/label\u003e \n          \u003cimg alt=\"Large Dimensions View\" class=\"img-modal-large\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Alistair-Gallery-Wall-Light.jpg?v=1772765764\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 附加：监听 ESC 键关闭大图的脚本 --\u003e \n  \u003cscript\u003e\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        });\n      }\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"L 15.4″ x W 11.4″ x H 5.9″ \/ L 39cm x W 29cm x H 15cm \/ Chrome","offer_id":51441409229121,"sku":"PINW-MB3673-01","price":104.95,"currency_code":"EUR","in_stock":true},{"title":"L 15.4″ x W 11.4″ x H 5.9″ \/ L 39cm x W 29cm x H 15cm \/ Copper","offer_id":51441409196353,"sku":"PINW-MB3673-02","price":109.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Alistair_Gallery_Wall_Light_1.jpg?v=1772609010","url":"https:\/\/pinlighting.com\/pt-pt\/products\/alistair-gallery-wall-light","provider":"Pinlighting","version":"1.0","type":"link"}