{"product_id":"anita-flush-mount","title":"Anita Semi-Flush Mount","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    \/* 视频展示区及弹窗样式 *\/\n    .custom-vid-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; }\n    .custom-vid-grid .custom-vid-thumb:only-child { grid-column: 1 \/ -1; }\n    @media (max-width: 560px) { .custom-vid-grid { grid-template-columns: 1fr; } }\n    .custom-vid-thumb { position: relative; cursor: pointer; border-radius: 8px; overflow: hidden; background: #000; aspect-ratio: 16 \/ 9; }\n    .custom-vid-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; opacity: 0.85; }\n    .custom-vid-thumb:hover img { transform: scale(1.05); opacity: 1; }\n    .custom-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background-color: rgba(0, 0, 0, 0.65); border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; z-index: 2; }\n    .custom-vid-thumb:hover .custom-play-btn { background-color: #b38e5d; border-color: #b38e5d; transform: translate(-50%, -50%) scale(1.1); }\n    .custom-play-btn::before { content: ''; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #fff; margin-left: 4px; }\n    .custom-vid-label { position: absolute; bottom: 12px; left: 12px; color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.65); padding: 4px 10px; border-radius: 4px; z-index: 2; pointer-events: none; transition: background-color 0.3s ease; }\n    .custom-vid-thumb:hover .custom-vid-label { background-color: #b38e5d; }\n\n    .custom-vid-modal { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.95); align-items: center; justify-content: center; }\n    .custom-vid-modal.active { display: flex; }\n    .custom-vid-content { position: relative; width: 96vw; height: 96vh; display: flex; align-items: center; justify-content: center; }\n    .custom-vid-aspect { width: 100%; height: 100%; max-height: calc(96vw * 9 \/ 16); max-width: calc(96vh * 16 \/ 9); position: relative; }\n    .custom-vid-aspect iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; box-shadow: 0 4px 30px rgba(0,0,0,0.6); background-color: #000; }\n    .custom-vid-close { position: absolute; top: 16px; right: 24px; color: #fff; font-size: 40px; cursor: pointer; font-weight: 300; line-height: 1; transition: color 0.3s; z-index: 1000000; }\n    .custom-vid-close:hover { color: #b38e5d; }\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   \/* 1. 基础链接样式，设置为相对定位 *\/\n.action-btn-text a {\n  color: #ffffff !important;\n  text-decoration: none;\n  position: relative;\n  display: inline-block;\n}\n\n\/* 2. 创建一条隐藏的下划线（宽度初始为0） *\/\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\/* 3. 鼠标悬停时，下划线从左向右展开 *\/\n.action-btn-text a:hover::after {\n  transform: scaleX(1);\n  transform-origin: bottom left;\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!-- 0. 产品展示视频 (data-vid + addEventListener，不用会被 Shopify 过滤的内联 onclick) --\u003e\n\u003cdiv class=\"custom-vid-grid\"\u003e\n\u003cdiv data-vid=\"t-iW_23EDiw\" class=\"custom-vid-thumb\"\u003e\n\u003cimg src=\"https:\/\/i.ytimg.com\/vi\/t-iW_23EDiw\/maxresdefault.jpg\" alt=\"Anita Semi-Flush Mount video\"\u003e \u003cspan class=\"custom-play-btn\"\u003e\u003c\/span\u003e \u003cspan class=\"custom-vid-label\"\u003eWatch Video\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 1. 产品简介 --\u003e\n\u003cp\u003eThe Anita Semi-Flush Mount pairs an industrial-inspired adjustable swivel joint in a rich antique brass finish with a stunning white ceramic dome shade. Beautifully sculpted with fine vertical ribbing and a soft, ruffled scalloped hem, the shade is intricately detailed with hand-pierced eyelet cutouts. When lit, the fixture directs a clear pool of downward light while simultaneously allowing illumination to peek through the tiny perforations, casting a dreamy, dappled glow across the ceiling. It is an enchanting addition that packs instant character into low-ceiling entryways, cozy cottage bedrooms, or vintage-inspired powder rooms.\u003c\/p\u003e\n\u003c!-- 2. 产品属性表格 --\u003e\n\u003cdiv class=\"section-title\"\u003ePRODUCT ATTRIBUTES\u003c\/div\u003e\n\u003ctable style=\"width: 100.036%; height: 112px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003cth style=\"width: 34.9875%; height: 22.4px;\" scope=\"row\"\u003eMaterial\u003c\/th\u003e\n\u003ctd style=\"width: 64.9768%; height: 22.4px;\"\u003eBrass, Ceramics\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003cth style=\"width: 34.9875%; height: 22.4px;\" scope=\"row\"\u003eStyle\u003c\/th\u003e\n\u003ctd style=\"width: 64.9768%; height: 22.4px;\"\u003eModern\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003cth style=\"width: 34.9875%; height: 22.4px;\" scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd style=\"width: 64.9768%; height: 22.4px;\"\u003eCeiling Light\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003cth style=\"width: 34.9875%; height: 22.4px;\" scope=\"row\"\u003eFinish\u003c\/th\u003e\n\u003ctd style=\"width: 64.9768%; height: 22.4px;\"\u003eAntique Brass\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003cth style=\"width: 34.9875%; height: 22.4px;\" scope=\"row\"\u003eColor\u003c\/th\u003e\n\u003ctd style=\"width: 64.9768%; height: 22.4px;\"\u003eWhite\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\u003e8.7 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHeight\u003c\/th\u003e\n\u003ctd\u003e8.7 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\u003ePINC-85199\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\u003e8.7\" diameter (22cm) x 8.7\" height (22cm). Weighs 6.6 lbs. (3kg).\u003c\/li\u003e\n\u003cli\u003eCeiling canopy plate size: 4.9\" diameter (12.5cm) x 1.8\" height (4.5cm).\u003c\/li\u003e\n\u003cli\u003eUses 40-watt E26 or E27 incandescent bulbs (not included). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eThis flush mount brings a touch of heirloom romance and delicate artistry to your overhead spaces.\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 rel=\"noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1soikpVh6_2XxzQYK-8NJUFbOZA82cgrh\/view?usp=drive_link\" 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\"\u003e\u003ca rel=\"noopener\" href=\"https:\/\/drive.google.com\/file\/d\/18Yi7D3zY5aimEqeJjZb9iwclubmnr3XF\/view?usp=drive_link\" target=\"_blank\"\u003eINSTALLATION INSTRUCTIONS (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 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;\" class=\"dimensions-container\"\u003e\u003cimg alt=\"Anita Semi-Flush Mount dimensions\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Anita-Flush-Mount.jpg?v=1782216297\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频播放弹窗框架 --\u003e\n\u003cdiv id=\"customVidModal\" class=\"custom-vid-modal\"\u003e\n\u003cspan id=\"customVidClose\" class=\"custom-vid-close\"\u003e×\u003c\/span\u003e\n\u003cdiv class=\"custom-vid-content\"\u003e\n\u003cdiv class=\"custom-vid-aspect\"\u003e\u003ciframe id=\"customVidIframe\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频交互脚本：addEventListener 绑定，避免内联 onclick 被 Shopify 过滤 --\u003e \u003cscript\u003e\n(function(){\n  function initVid(){\n    var modal = document.getElementById('customVidModal');\n    var iframe = document.getElementById('customVidIframe');\n    var closeBtn = document.getElementById('customVidClose');\n    if(!modal || !iframe) return;\n    document.querySelectorAll('.custom-vid-thumb').forEach(function(thumb){\n      thumb.addEventListener('click', function(){\n        var id = this.getAttribute('data-vid');\n        if(!id) return;\n        modal.classList.add('active');\n        iframe.src = 'https:\/\/www.youtube.com\/embed\/' + id + '?autoplay=1\u0026rel=0\u0026modestbranding=1\u0026playsinline=1';\n      });\n    });\n    function closeVid(){ iframe.src = ''; modal.classList.remove('active'); }\n    if(closeBtn){ closeBtn.addEventListener('click', function(e){ e.stopPropagation(); closeVid(); }); }\n    modal.addEventListener('click', function(e){\n      if(e.target === modal || e.target.classList.contains('custom-vid-content')){ closeVid(); }\n    });\n    document.addEventListener('keydown', function(e){\n      if(e.key === 'Escape' \u0026\u0026 modal.classList.contains('active')){ closeVid(); }\n    });\n  }\n  if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', initVid); } else { initVid(); }\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"D 8.7″ x H 8.7″ \/ D 22cm x H 22cm \/ Antique Brass \u0026 White","offer_id":51776281575745,"sku":"PINC-85199","price":135.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Anita_Flush_Mount_1.jpg?v=1780060308","url":"https:\/\/pinlighting.com\/es-es\/products\/anita-flush-mount","provider":"Pinlighting","version":"1.0","type":"link"}