{"product_id":"easypie-sun-shades","title":"Easypie Sun Shades","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;600\u0026family=Playfair+Display:ital,wght@0,600;1,600\u0026display=swap');\n\n        :root {\n            --dot-color: #333;\n            --accent-gold: #c5a059;\n            --bg-cream: #f9f7f2;\n            --shadow: 0 15px 35px rgba(0,0,0,0.08);\n        }\n\n        body {\n            margin: 0;\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--bg-cream);\n            color: #444;\n            overflow-x: hidden;\n        }\n\n        \/* Polka Dot Pattern Overlay *\/\n        .dot-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);\n            background-size: 40px 40px;\n            opacity: 0.03;\n            z-index: -1;\n        }\n\n        .wrapper {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n\n        \/* Hero Section with Retract Animation *\/\n        .hero {\n            text-align: center;\n            padding: 80px 20px;\n            position: relative;\n        }\n\n        .hero h1 {\n            font-family: 'Playfair Display', serif;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            margin: 0;\n            color: #1a1a1a;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: slideUpFade 1s forwards;\n        }\n\n        .tagline {\n            color: var(--accent-gold);\n            text-transform: uppercase;\n            letter-spacing: 4px;\n            font-weight: 600;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        \/* The \"Retractable\" Card Effect *\/\n        .shade-card {\n            background: white;\n            border-radius: 40px 40px 10px 10px;\n            padding: 50px;\n            box-shadow: var(--shadow);\n            margin-top: -30px;\n            position: relative;\n            z-index: 2;\n            overflow: hidden;\n            border-top: 8px solid #333; \/* Represents the shade bar *\/\n            animation: pullDown 1.2s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        \/* Feature Grid *\/\n        .features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 30px;\n            margin-top: 50px;\n        }\n\n        .feature-box {\n            padding: 25px;\n            border-radius: 20px;\n            background: #fff;\n            border: 1px solid #eee;\n            transition: all 0.4s ease;\n            text-align: center;\n        }\n\n        .feature-box:hover {\n            border-color: var(--accent-gold);\n            transform: translateY(-10px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n        }\n\n        .icon-circle {\n            width: 60px;\n            height: 60px;\n            background: #f0f0f0;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n            font-size: 1.5rem;\n        }\n\n        \/* Premium Specs Table *\/\n        .specs-container {\n            margin-top: 80px;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: separate;\n            border-spacing: 0 10px;\n        }\n\n        td {\n            padding: 20px;\n            background: white;\n            transition: transform 0.3s ease;\n        }\n\n        td:first-child {\n            border-radius: 15px 0 0 15px;\n            font-weight: 600;\n            color: var(--accent-gold);\n            width: 30%;\n        }\n\n        td:last-child {\n            border-radius: 0 15px 15px 0;\n        }\n\n        tr:hover td {\n            transform: scale(1.01);\n            background: #fafafa;\n        }\n\n        \/* Animations *\/\n        @keyframes slideUpFade {\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @keyframes pullDown {\n            from { height: 0; opacity: 0; }\n            to { height: auto; opacity: 1; }\n        }\n\n        .floating-sun {\n            font-size: 3rem;\n            display: inline-block;\n            animation: rotateSun 10s linear infinite;\n        }\n\n        @keyframes rotateSun {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        .dots-deco {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin: 20px 0;\n        }\n\n        .dot {\n            width: 12px;\n            height: 12px;\n            background: #333;\n            border-radius: 50%;\n            animation: pulse 1.5s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 0.3; }\n            50% { opacity: 1; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"dot-bg\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"wrapper\"\u003e\n    \u003cheader class=\"hero\"\u003e\n        \u003cspan class=\"tagline\"\u003ePremium Travel Essentials\u003c\/span\u003e\n        \u003ch1\u003eEasypie Retractable Sun Shades\u003c\/h1\u003e\n        \u003cdiv class=\"floating-sun\"\u003e☀️\u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cmain class=\"shade-card\"\u003e\n        \u003cdiv class=\"dots-deco\"\u003e\n            \u003cdiv class=\"dot\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"dot\" style=\"animation-delay: 0.2s\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"dot\" style=\"animation-delay: 0.4s\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cp style=\"text-align: center; font-size: 1.2rem; max-width: 700px; margin: 0 auto;\"\u003e\n            Upgrade your \"Mom Taxi\" with chic Polka Dot protection. High-end design meets effortless functionality to keep your backseat cool, calm, and collected.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"features\"\u003e\n            \u003cdiv class=\"feature-box\"\u003e\n                \u003cdiv class=\"icon-circle\"\u003e🛡️\u003c\/div\u003e\n                \u003ch3\u003eUV Shield\u003c\/h3\u003e\n                \u003cp\u003eBlocks harsh rays and intense heat for kids \u0026amp; pets.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-box\"\u003e\n                \u003cdiv class=\"icon-circle\"\u003e📏\u003c\/div\u003e\n                \u003ch3\u003e1-Click Retract\u003c\/h3\u003e\n                \u003cp\u003eEffortless adjustment with a single button press.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-box\"\u003e\n                \u003cdiv class=\"icon-circle\"\u003e🎨\u003c\/div\u003e\n                \u003ch3\u003eChic Design\u003c\/h3\u003e\n                \u003cp\u003eStylish Polka Dots that complement your car interior.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"specs-container\"\u003e\n            \u003ch2 style=\"font-family: 'Playfair Display', serif; text-align: center;\"\u003eThe Details\u003c\/h2\u003e\n            \u003ctable\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eUniversal Fit\u003c\/td\u003e\n                    \u003ctd\u003eEngineered for SUVs, Minivans, and Sedans.\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eDual Pack\u003c\/td\u003e\n                    \u003ctd\u003eFull coverage for both driver and passenger side.\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd\u003eEasy Install\u003c\/td\u003e\n                    \u003ctd\u003eStrong-hold suction or clips. No tools, no mess.\u003c\/td\u003e\n                \u003c\/tr\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"text-align: center; margin-top: 60px; padding-top: 40px; border-top: 1px solid #eee;\"\u003e\n            \u003cp style=\"font-family: 'Playfair Display', serif; font-size: 1.5rem; font-style: italic;\"\u003e\n                \"Turn meltdowns into peaceful, shaded naps.\"\n            \u003c\/p\u003e\n            \u003cspan style=\"font-size: 2rem;\"\u003e🍦🚗✨\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/main\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"kidsvault","offers":[{"title":"Default Title","offer_id":54867674693923,"sku":null,"price":470.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0977\/6873\/5011\/files\/installation-steps-updated-design.png?v=1774513806","url":"https:\/\/kidsvault.co.za\/products\/easypie-sun-shades","provider":"kidsvault","version":"1.0","type":"link"}