{"product_id":"hudson-valley-wall-light","title":"Applique Hudson Valley","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    \/* 模块标题 *\/\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: 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    .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\u003c!-- 1. 产品简介 --\u003e\n\u003cp\u003eCette applique minimaliste moderne Hudson Valley s'adapte à divers besoins spatiaux. Le corps de la lampe est façonné en laiton de haute qualité, et l'abat-jour cylindrique transparent en constitue un point fort du design. Le design monoposte est compact et élégant, adapté aux couloirs, tables de chevet ou à côté de miroirs ; le design biposte est plus imposant et convient comme point focal décoratif dans les salons ou comme mur d'accent.\u003c\/p\u003e\n\u003c!-- 2. 产品属性表格 --\u003e\n\u003cdiv class=\"section-title\"\u003eATTRIBUTS DU PRODUIT\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMatériau\u003c\/th\u003e\n\u003ctd\u003eLaiton, Acrylique\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eArt Contemporain\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd\u003eApplique murale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eFinition\u003c\/th\u003e\n\u003ctd\u003eLaiton, Noir\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCouleur\u003c\/th\u003e\n\u003ctd\u003eTransparent\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 3. 技术规格表格 --\u003e\n\u003cdiv class=\"section-title\"\u003eCARACTÉRISTIQUES TECHNIQUES\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDiamètre\u003c\/th\u003e\n\u003ctd\u003e2.4 pouces\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLargeur\u003c\/th\u003e\n\u003ctd\u003e3,7 pouces\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHauteur\u003c\/th\u003e\n\u003ctd\u003e20,9 pouces\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInstallation\u003c\/th\u003e\n\u003ctd\u003eCâblé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eSource lumineuse\u003c\/th\u003e\n\u003ctd\u003eLED intégrée\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDurée de vie LED\u003c\/th\u003e\n\u003ctd\u003eDesign à LED intégrée ; durée de vie moyenne de 50 000 heures.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eNuméro de fabricant\u003c\/th\u003e\n\u003ctd\u003ePINW-85210\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCertifié\u003c\/th\u003e\n\u003ctd\u003eCompatible avec l'Amérique du Nord, l'Arabie Saoudite, l'Europe, l'Australie Certification\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 4. 更多详情 --\u003e\n\u003cdiv class=\"section-title\"\u003ePLUS DE DÉTAILS\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003eModèle A : diamètre 2,4\" (6cm) x largeur 3,7\" (9,5cm) x hauteur 20,9\" (53cm). Poids 4,4 lbs. (2kg) (Puissance : ~4W)\u003c\/li\u003e\n\u003cli\u003eModèle B : longueur 6,3\" (16cm) x largeur 3\" (7,5cm) x hauteur 20,9\" (53cm). Poids 6,6 lbs. (3kg) (Puissance : ~8W)\u003c\/li\u003e\n\u003cli\u003eModèle A dimensions de la rosace : longueur 2\" (5cm) x largeur 1,2\" (3cm) x hauteur 12,6\" (32cm).\u003c\/li\u003e\n\u003cli\u003eModèle B dimensions de la rosace : longueur 1,2\" (3cm) x largeur 2\" (5cm) x hauteur 12,6\" (32cm).\u003c\/li\u003e\n\u003cli\u003eModule LED 4 watts intégré : rendement lumineux 440 lumens, température de couleur 4000K. 90 CRI.\u003c\/li\u003e\n\u003cli\u003eInspiré par les imposants murs-rideaux de verre et les piliers structurels, recréez ce sentiment de puissance qui mêle industrie et modernité.\u003c\/li\u003e\n\u003cli\u003eDisponible en Laiton, Noir.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 5. 独立出来的技术文档下载按钮 --\u003e\n\u003cdiv class=\"section-title\"\u003eDOCUMENTS TECHNIQUES\u003c\/div\u003e\n\u003cdiv class=\"docs-buttons-container\"\u003e\n\u003cdiv class=\"action-btn\"\u003e\u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \u003cspan class=\"action-btn-text\"\u003e \u003ca href=\"https:\/\/drive.google.com\/file\/d\/1hoAV1xUuux19lI4rbqNZjpdlWbK7BKGj\/view?usp=drive_link\" rel=\"noopener\" target=\"_blank\"\u003eSPÉCIFICATIONS COMPLÈTES (PDF)\u003c\/a\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \u003cspan class=\"action-btn-text\"\u003eINSTRUCTIONS D'INSTALLATION (PDF)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \u003cspan class=\"action-btn-text\"\u003eFICHIERS 3D\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 尺寸图区域 --\u003e\n\u003cdiv class=\"dimensions-section\"\u003e\n\u003cdiv class=\"section-title\"\u003eDIMENSIONS\u003c\/div\u003e\n\u003cdiv class=\"custom-img-gallery\" style=\"margin-top: 16px; margin-bottom: 24px;\"\u003e\n\u003cdiv class=\"zoom-prompt\"\u003e🔍 Cliquez pour agrandir\u003c\/div\u003e\n\u003clabel class=\"zoom-thumbnail-wrapper\" for=\"img-modal-dimensions-hudson\" style=\"max-width: 600px; display: block;\"\u003e \u003cimg alt=\"Hudson Valley Wall Light Dimensions\" class=\"zoom-thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Hudson-Valley-Wall-Light_600x600.jpg?v=1772765765\" style=\"max-width: 100%;\"\/\u003e \u003c\/label\u003e \u003cinput aria-hidden=\"true\" class=\"img-modal-toggle\" id=\"img-modal-dimensions-hudson\" type=\"checkbox\"\/\u003e\n\u003cdiv class=\"img-modal-overlay\"\u003e\n\u003clabel class=\"img-modal-close\" for=\"img-modal-dimensions-hudson\"\u003e\u003c\/label\u003e\n\u003cdiv class=\"img-modal-content\"\u003e\n\u003clabel class=\"img-modal-close-btn\" for=\"img-modal-dimensions-hudson\"\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\/Hudson-Valley-Wall-Light.jpg?v=1772765765\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 附加：监听 ESC 与关闭事件的防播脚本 --\u003e \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":"Modèle A : D 2,4″ x L 3,7″ x H 20,9″ \/ D 6cm x L 9,5cm x H 53cm \/ Laiton \u0026 Acrylique Transparent \/ Lumière chaude","offer_id":51439379972417,"sku":"PINW-85210-1W01","price":148.95,"currency_code":"EUR","in_stock":true},{"title":"Modèle A : D 2,4″ x L 3,7″ x H 20,9″ \/ D 6cm x L 9,5cm x H 53cm \/ Noir et acrylique transparent \/ Lumière chaude","offer_id":51439380005185,"sku":"PINW-85210-1W02","price":148.95,"currency_code":"EUR","in_stock":true},{"title":"Modèle B : L 6,3″ x L 3″ x H 20,9″ \/ L 16cm x L 7,5cm x H 53cm \/ Laiton \u0026 Acrylique Transparent \/ Lumière chaude","offer_id":51439407530305,"sku":"PINW-85210-2W01","price":231.95,"currency_code":"EUR","in_stock":true},{"title":"Modèle B : L 6,3″ x L 3″ x H 20,9″ \/ L 16cm x L 7,5cm x H 53cm \/ Noir et acrylique transparent \/ Lumière chaude","offer_id":51439407563073,"sku":"PINW-85210-2W02","price":231.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Hudson_Valley_Wall_Light_1.jpg?v=1772527705","url":"https:\/\/pinlighting.com\/fr-fr\/products\/hudson-valley-wall-light","provider":"Pinlighting","version":"1.0","type":"link"}