{"product_id":"zyvora-magnetic-phone-holder","title":"Zyvora Magnetic Phone Holder","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\u003ctitle\u003eZyvora\u003c\/title\u003e\n\n\u003cstyle\u003e\nbody {\n    margin: 0;\n    font-family: 'Poppins', sans-serif;\n    background: radial-gradient(circle at top, #1a0033, #050508 70%);\n    color: #fff;\n}\n\n\/* Background glow *\/\nbody::before {\n    content: \"\";\n    position: fixed;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(123,92,255,0.25), transparent 70%);\n    top: -200px;\n    left: -200px;\n    animation: float 8s ease-in-out infinite alternate;\n    z-index: 0;\n}\n\n@keyframes float {\n    from { transform: translateY(0px); }\n    to { transform: translateY(80px); }\n}\n\n.container {\n    position: relative;\n    z-index: 2;\n    max-width: 1100px;\n    margin: auto;\n    padding: 80px 20px;\n    text-align: center;\n}\n\n\/* Title *\/\nh1 {\n    font-size: 46px;\n    letter-spacing: 2px;\n    background: linear-gradient(90deg, #4fc3ff, #7b5cff, #b84cff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    text-shadow: 0 0 20px rgba(123,92,255,0.5);\n}\n\n\/* Tagline *\/\n.tagline {\n    font-size: 18px;\n    color: #d6cfff;\n    margin-top: 10px;\n    margin-bottom: 30px;\n}\n\n\/* Description *\/\n.description {\n    font-size: 16px;\n    max-width: 650px;\n    margin: auto;\n    line-height: 1.7;\n    color: #bfb9ff;\n}\n\n\/* Features *\/\n.features {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 25px;\n    margin-top: 60px;\n}\n\n.feature-box {\n    background: rgba(20, 10, 40, 0.6);\n    border-radius: 18px;\n    padding: 25px;\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(123,92,255,0.2);\n    transition: 0.4s ease;\n    position: relative;\n}\n\n.feature-box:hover {\n    transform: translateY(-8px) scale(1.02);\n    box-shadow: 0 0 30px rgba(123,92,255,0.4);\n}\n\n.feature-box::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 18px;\n    padding: 1px;\n    background: linear-gradient(120deg, transparent, #7b5cff, transparent);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    opacity: 0;\n    transition: 0.4s;\n}\n\n.feature-box:hover::before {\n    opacity: 1;\n}\n\n\/* Button *\/\n.cta {\n    margin-top: 60px;\n}\n\nbutton {\n    padding: 16px 45px;\n    border-radius: 30px;\n    border: none;\n    font-size: 16px;\n    cursor: pointer;\n    background: linear-gradient(90deg, #4fc3ff, #7b5cff, #b84cff);\n    color: white;\n    letter-spacing: 1px;\n    transition: 0.3s;\n}\n\nbutton:hover {\n    transform: scale(1.08);\n    box-shadow: 0 0 25px #7b5cff;\n}\n\n\/* WHY SECTION *\/\n.why-section {\n    margin-top: 100px;\n}\n\n.why-section h2 {\n    font-size: 34px;\n    background: linear-gradient(90deg, #4fc3ff, #7b5cff, #b84cff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.why-intro {\n    color: #cfc9ff;\n    margin-top: 10px;\n    margin-bottom: 40px;\n}\n\n.why-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 25px;\n}\n\n.why-box {\n    background: rgba(20, 10, 40, 0.6);\n    padding: 25px;\n    border-radius: 18px;\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(123,92,255,0.2);\n    transition: 0.4s;\n    position: relative;\n}\n\n.why-box:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 0 25px rgba(123,92,255,0.4);\n}\n\n.why-box::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: 18px;\n    padding: 1px;\n    background: linear-gradient(120deg, transparent, #7b5cff, transparent);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    opacity: 0;\n}\n\n.why-box:hover::before {\n    opacity: 1;\n}\n\n\/* Footer *\/\n.brand {\n    margin-top: 50px;\n    color: #8a80ff;\n}\n\u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"container\"\u003e\n\n\u003ch1\u003eZYVORA\u003c\/h1\u003e\n\n\u003cp class=\"tagline\"\u003eHold Your Phone. Own Your Space.\u003c\/p\u003e\n\n\u003cp class=\"description\"\u003e\nNever fumble with your phone again. The ultimate hands-free companion — whether you're navigating, streaming, or staying connected.\n\u003c\/p\u003e\n\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feature-box\"\u003e🔮 Super-strong magnetic grip\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e🔄 360° rotation\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e📱 Universal compatibility\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e🚗 Multi-surface mounting\u003c\/div\u003e\n\u003cdiv class=\"feature-box\"\u003e⚡ One-hand snap use\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cta\"\u003e\n\u003cbutton\u003eSHOP NOW\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- WHY CHOOSE US --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\n\u003ch2\u003eWhy Choose Zyvora\u003c\/h2\u003e\n\n\u003cp class=\"why-intro\"\u003e\nPremium design. Seamless functionality. Built for modern living.\n\u003c\/p\u003e\n\n\u003cdiv class=\"why-grid\"\u003e\n\n\u003cdiv class=\"why-box\"\u003e\n\u003ch3\u003ePremium Quality\u003c\/h3\u003e\n\u003cp\u003eEngineered for durability and long-term performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"why-box\"\u003e\n\u003ch3\u003eEffortless Convenience\u003c\/h3\u003e\n\u003cp\u003eDesigned to simplify your daily routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"why-box\"\u003e\n\u003ch3\u003eModern Design\u003c\/h3\u003e\n\u003cp\u003eSleek, minimal aesthetics that elevate your setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"why-box\"\u003e\n\u003ch3\u003eBuilt for You\u003c\/h3\u003e\n\u003cp\u003eCreated with your comfort and experience in mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"brand\"\u003e\nBuilt for Modern Living. Built by Zyvora.\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Zyvora","offers":[{"title":"Default Title","offer_id":48609383809275,"sku":null,"price":459.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0805\/0422\/6043\/files\/zyvora-clear-logo-on-black-sticker.png?v=1775157793","url":"https:\/\/zyvora.co.za\/products\/zyvora-magnetic-phone-holder","provider":"Zyvora","version":"1.0","type":"link"}