{"product_id":"patus-ceiling-light","title":"Patus Ceiling Light","description":"\u003cp\u003e\u003cstrong\u003eSUMMARY\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eThe Patus Ceiling Light by Mooijane features a bold layered design with a refined retro-futuristic feel. Crafted from faux alabaster and iron, it pairs a softly glowing shade with a sleek metal frame for warm ambient light and strong sculptural appeal. Perfect for living rooms, dining areas, and sophisticated interiors, it adds depth, character, and modern elegance.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSTANDARD SIZE (PICTURED)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eSize: Dia 39cm x H 32cm \/ ∅ 15.4″ x H 12.6″\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0585\/4062\/1881\/files\/Patus-Ceiling-Light.jpg?v=1776406198\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDETAILS\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: Metal, Resin.\u003c\/li\u003e\n\u003cli\u003eBody Color: Gold.\u003c\/li\u003e\n\u003cli\u003eShade color: White\u003cspan\u003e.\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003eRetro Style.\u003c\/li\u003e\n\u003cli\u003eType: Ceiling Light.\u003c\/li\u003e\n\u003cli\u003eBe applicable Environment: Indoor.\u003c\/li\u003e\n\u003cli\u003eAC 110-240V Voltage.\u003c\/li\u003e\n\u003cli\u003eHardwired.\u003c\/li\u003e\n\u003cli\u003eIn-Built LED\u003cspan style=\"font-size: 0.875rem;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eCompliant with North America, Australia, Europe, and Middle East Certification.\u003c\/li\u003e\n\u003cli\u003eIP rating 20 - not waterproof.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstyle\u003e\n        \/* 样式变量定义 *\/\n        :root {\n            --primary-bg: #faf8f5;       \n            --hover-bg: #e3d4c8;         \n            --icon-color: #795548;       \n            --text-color: #333333;       \n            --border-color: #eeeeee;     \n            --container-max-width: 400px; \/* 宽度 400px *\/\n            --button-height: 54px;        \/* 高度 54px *\/\n            --button-radius: 0.75rem;     \/* 圆角 12px *\/\n            --button-spacing: 15px;       \/* 按钮间距 15px *\/\n            --bottom-whitespace: 30px;    \/* 容器底部的留白距离 *\/\n        }\n\n        .download-support-container {\n            width: 100%;\n            max-width: var(--container-max-width);\n            margin: 0 0 var(--bottom-whitespace) 0; \n            padding: 0;          \n            box-sizing: border-box;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        }\n\n        \/* 按钮包装容器，负责控制间距 *\/\n        .download-item-wrapper {\n            display: block;\n            margin-bottom: var(--button-spacing);\n            width: 100%;\n        }\n\n        .download-item-wrapper:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* 按钮主体样式 *\/\n        .download-button {\n            position: relative;          \n            display: flex;\n            justify-content: center;     \n            align-items: center;\n            height: var(--button-height);\n            padding: 0 20px;\n            background-color: var(--primary-bg);\n            border-radius: var(--button-radius);\n            border: 1px solid var(--border-color);\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            box-sizing: border-box;\n            cursor: pointer;\n        }\n\n        \/* 直接在按钮上触发悬停效果 *\/\n        .download-button:hover {\n            background-color: var(--hover-bg);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            transform: translateY(-2px);\n        }\n\n        \/* 图标样式保护：强制修复 Shopify 主题导致的图标变色块问题 *\/\n        .button-icon {\n            position: absolute;          \n            left: 20px;                  \n            display: flex;\n            align-items: center;\n            color: var(--icon-color) !important;\n            flex-shrink: 0;\n            transition: transform 0.3s ease;\n            pointer-events: none; \n        }\n\n        \/* 核心修复代码：强制取消填充，保留描边 *\/\n        .button-icon svg {\n            fill: none !important; \n            stroke: var(--icon-color) !important;\n            display: block;\n        }\n\n        .button-icon svg path,\n        .button-icon svg polyline,\n        .button-icon svg line,\n        .button-icon svg circle {\n            fill: none !important;\n            stroke: var(--icon-color) !important;\n            stroke-width: 1.5 !important; \/* 描边粗细保持 1.5 *\/\n        }\n\n        .download-button:hover .button-icon {\n            transform: scale(1.1);\n        }\n\n        .button-text {\n            font-size: 16px;\n            font-weight: 500;\n            color: var(--text-color);\n            text-decoration: none;\n            text-align: center;          \n            transition: color 0.3s ease;\n            pointer-events: none;\n        }\n\n        @media (max-width: 480px) {\n            .download-button {\n                padding: 0 16px;\n                height: 50px; \n            }\n            .button-icon {\n                left: 16px;             \n            }\n            .button-text {\n                font-size: 15px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"download-support-container\"\u003e\n\u003c!-- 1: Spec Sheet --\u003e\n\u003cdiv class=\"download-item-wrapper\"\u003e\n\u003cdiv class=\"download-button\"\u003e\n\u003cdiv class=\"button-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\u003e\u003c\/path\u003e\n                    \u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\n                    \u003cline x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\u003e\u003c\/line\u003e\n                    \u003cline x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\u003e\u003c\/line\u003e\n                    \u003cline x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\u003e\u003c\/line\u003e\n                \u003c\/svg\u003e\u003c\/div\u003e\n\u003ca href=\"https:\/\/drive.google.com\/file\/d\/1-q7b6tlFOx5JYJOrokAewZpYI77LBngE\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener\"\u003e\u003cspan class=\"button-text\"\u003eSpec Sheet\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2: Installation Guide --\u003e\n\u003cdiv class=\"download-item-wrapper\"\u003e\n\u003cdiv class=\"download-button\"\u003e\n\u003cdiv class=\"button-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"button-text\"\u003eInstallation Guide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3: 3D Files --\u003e\n\u003cdiv class=\"download-item-wrapper\"\u003e\n\u003cdiv class=\"download-button\"\u003e\n\u003cdiv class=\"button-icon\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                    \u003cpath d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"m3.3 7 8.7 5 8.7-5\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M12 22V12\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"button-text\"\u003e3D Files\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Mooijane","offers":[{"title":"∅ 15.4″ x H 12.6″ \/ Dia 39cm x H 32cm \/ Gold \u0026 White \/ Warm Light","offer_id":45719350280249,"sku":"MJC-260406-1","price":350.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0585\/4062\/1881\/files\/Patus_Ceiling_Light_1.jpg?v=1776342991","url":"https:\/\/mooijane.com\/products\/patus-ceiling-light","provider":"Mooijane","version":"1.0","type":"link"}