{"product_id":"seashell-glass-wall-sconce","title":"Seashell Glass Wall Sconce","description":"\u003cdiv class=\"custom-product-description\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\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    \/* 视频左下角提示语样式 *\/\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    \/* 弹窗 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\u003eEnhance your interior with the timeless elegance of the Seashell Glass Wall Sconce, an ideal addition for hallways, bedrooms, or adjacent to mirrors. Its textured glass shell gently disperses light, producing a cozy and welcoming atmosphere. Designed to complement both traditional and contemporary settings, this fixture seamlessly elevates your home décor with sophistication.\u003c\/p\u003e\n\u003cdiv class=\"product-media-container\" style=\"margin-bottom: 24px;\"\u003e\n\u003c!-- 自适应视频网格 (单个视频居左排版) --\u003e\n\u003cdiv class=\"custom-vid-grid\" style=\"grid-template-columns: 1fr; max-width: 600px;\"\u003e\n\u003c!-- 视频 1 --\u003e\n\u003cdiv class=\"custom-vid-thumb\" data-vid=\"M7JzrjW7WUU\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/M7JzrjW7WUU\/hqdefault.jpg\" alt=\"Product Video\"\u003e\n\u003cdiv class=\"custom-play-btn\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-vid-label\"\u003eWatch Video\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\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\"\u003ePRODUCT ATTRIBUTES\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eBrass, Glass\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eContemporary Art\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\u003eBrass\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eColor\u003c\/th\u003e\n\u003ctd\u003eClear, Frosted, Pink, Green\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\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\"\u003eDiameter\u003c\/th\u003e\n\u003ctd\u003e9.8 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eWidth\u003c\/th\u003e\n\u003ctd\u003e2.8 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHeight\u003c\/th\u003e\n\u003ctd\u003e8.3 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\u003eE26 or E27\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-MB2504-1\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\u003c!-- 4. 更多详情 --\u003e\n\u003cdiv class=\"section-title\"\u003eMORE DETAILS\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e9.8\" diameter (25cm) x 2.8\" width (7cm) x 8.3\" height (21cm). Weighs 4.4 lbs. (2kg).\u003c\/li\u003e\n\u003cli\u003eUses one 40-watt E26 or E27 incandescent bulbs (not included). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eAvailable in Clear, Frosted, Pink, Green glass.\u003c\/li\u003e\n\u003cli\u003eIts French retro design blends luxury and creativity, making it an eye-catching decorative lighting piece.\u003c\/li\u003e\n\u003c\/ul\u003e\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\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_4K3E1yKHXu6NtYfBalfh5kn7sRUXOTP\/view?usp=drive_link\" rel=\"noopener\" target=\"_blank\"\u003eFULL SPECIFICATIONS (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\"\u003eINSTALLATION INSTRUCTIONS (PDF)\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 FILES\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\"\u003eDIMENSIONS\u003c\/div\u003e\n\u003cdiv style=\"text-align: left; margin-top: 16px; margin-bottom: 24px;\" class=\"dimensions-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Seashell-Glass-Wall-Sconce_1024x1024.jpg?v=1761796726\" alt=\"Seashell Glass Wall Sconce Dimensions\" style=\"max-width: 600px; width: 100%; height: auto; display: inline-block;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Sten Living","offers":[{"title":"D 9.8″ x W 2.8″ x H 8.3″ \/ D 25cm x W 7cm x H 21cm \/ Brass \u0026 Clear Glass","offer_id":53819821195375,"sku":"PINW-MB2504-1","price":1077217.95,"currency_code":"USD","in_stock":true},{"title":"D 9.8″ x W 2.8″ x H 8.3″ \/ D 25cm x W 7cm x H 21cm \/ Brass \u0026 Frosted Glass","offer_id":53819821228143,"sku":"PINW-MB2504-2","price":1077217.95,"currency_code":"USD","in_stock":true},{"title":"D 9.8″ x W 2.8″ x H 8.3″ \/ D 25cm x W 7cm x H 21cm \/ Brass \u0026 Pink Glass","offer_id":53819821260911,"sku":"PINW-MB2504-3","price":1077217.95,"currency_code":"USD","in_stock":true},{"title":"D 9.8″ x W 2.8″ x H 8.3″ \/ D 25cm x W 7cm x H 21cm \/ Brass \u0026 Green Glass","offer_id":53819821293679,"sku":"PINW-MB2504-4","price":1077217.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/4555\/7871\/files\/Seashell_Glass_Wall_Sconce_1.jpg?v=1784140826","url":"https:\/\/stenliving.com\/products\/seashell-glass-wall-sconce","provider":"Sten Living","version":"1.0","type":"link"}