{"title":"Dyes","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Montserrat:300,400,500,600,700\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        .fabriculture-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .fabriculture-container {\n            font-family: 'Montserrat', Arial, sans-serif;\n            background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);\n            min-height: 100vh;\n            padding: 20px;\n        }\n\n        .fabriculture-header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 20px;\n        }\n\n        .fabriculture-header h1 {\n            color: #ffffff;\n            font-size: 2.5rem;\n            font-weight: 300;\n            margin-bottom: 10px;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .fabriculture-header p {\n            color: #cccccc;\n            font-size: 1.1rem;\n            font-weight: 300;\n        }\n\n        .fabriculture-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            max-width: 1440px;\n            margin: 0 auto;\n        }\n\n        .fabriculture-card {\n            background: #ffffff;\n            border-radius: 8px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n            overflow: hidden;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n            aspect-ratio: 3\/4;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .fabriculture-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n        }\n\n        .fabriculture-swatch {\n            flex: 1;\n            width: 100%;\n            position: relative;\n            cursor: pointer;\n        }\n\n        \/* Individual color classes *\/\n        .color-ffffc5 { background-color: #FFFFC5 !important; }\n        .color-fff700 { background-color: #FFF700 !important; }\n        .color-5ced73 { background-color: #5CED73 !important; }\n        .color-3cb043 { background-color: #3CB043 !important; }\n        .color-ffe4e1 { background-color: #FFE4E1 !important; }\n        .color-ff0a54 { background-color: #FF0A54 !important; }\n        .color-ff0000 { background-color: #FF0000 !important; }\n        .color-dfc5fe { background-color: #DFC5FE !important; }\n        .color-b6b6b4 { background-color: #B6B6B4 !important; }\n        .color-36454f { background-color: #36454F !important; }\n        .color-6495ed { background-color: #6495ED !important; }\n        .color-000080 { background-color: #000080 !important; }\n        .color-ff991c { background-color: #FF991C !important; }\n        .color-00ffef { background-color: #00FFEF !important; }\n        .color-996515 { background-color: #996515 !important; }\n        .color-6f4e37 { background-color: #6F4E37 !important; }\n\n        .fabriculture-code-footer {\n            background: #ffffff;\n            padding: 12px 16px;\n            text-align: center;\n            border-top: 1px solid #f0f0f0;\n        }\n\n        .fabriculture-code {\n            font-family: 'Montserrat', 'Monaco', 'Courier New', monospace;\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: #666;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin: 0;\n        }\n\n        .fabriculture-notification {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            background: #4CAF50;\n            color: white;\n            padding: 12px 20px;\n            border-radius: 6px;\n            font-size: 0.9rem;\n            opacity: 0;\n            transform: translateX(100px);\n            transition: all 0.3s ease;\n            z-index: 1000;\n            font-family: 'Montserrat', Arial, sans-serif;\n            display: none;\n        }\n\n        .fabriculture-notification.show {\n            opacity: 1;\n            transform: translateX(0);\n            display: block;\n        }\n\n        @media (max-width: 1200px) {\n            .fabriculture-grid {\n                grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n                gap: 16px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .fabriculture-grid {\n                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n                gap: 12px;\n            }\n            \n            .fabriculture-code-footer {\n                padding: 10px 12px;\n            }\n            \n            .fabriculture-code {\n                font-size: 0.75rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .fabriculture-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .fabriculture-header h1 {\n                font-size: 2rem;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"fabriculture-container\"\u003e\n\u003cdiv class=\"fabriculture-header\"\u003e\n\u003ch1\u003eFABRICULTURE NEELAM SHADE CARD\u003c\/h1\u003e\n\u003cp\u003eClick on any color swatch to copy its hex code\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-grid\" id=\"fabricultureGrid\"\u003e\n\u003c!-- Light Yellow --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-ffffc5\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e1 LL - Light Yellow\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Lemon Yellow --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-fff700\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e4 - Lemon Yellow\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Light Green --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-5ced73\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e9 - Light Green\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Green --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-3cb043\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e11 - Green\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Misty Rose --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-ffe4e1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e18 LL - Misty Rose\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Bubblegum Pink --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-ff0a54\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e21 - Bubblegum Pink\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Red --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-ff0000\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e24 - Red\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Lavender --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-dfc5fe\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e30 - Lavender\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cloudy Gray --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-b6b6b4\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e32 L - Cloudy Gray\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Charcoal --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-36454f\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e36 - Charcoal\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Cornflower Blue --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-6495ed\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e48 L - Cornflower Blue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Navy Blue --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-000080\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e54 - Navy Blue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Orange --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-ff991c\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e62 - Orange\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Turquoise --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-00ffef\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e71 LL - Turquoise\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Golden Brown --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-996515\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e108 - Golden Brown\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Coffee --\u003e\n\u003cdiv class=\"fabriculture-card\"\u003e\n\u003cdiv class=\"fabriculture-swatch color-6f4e37\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-code-footer\"\u003e\n\u003cdiv class=\"fabriculture-code\"\u003e112 - Coffee\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fabriculture-notification\" id=\"fabricultureNotification\"\u003eColor code copied to clipboard!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e�\u003c\/p\u003e","products":[],"url":"https:\/\/ae4b98-4f.myshopify.com\/collections\/dyes.oembed","provider":"Fabrics","version":"1.0","type":"link"}