{"product_id":"navy-lattice-scarf","title":"Navy Lattice Scarf","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\u003eZIYAHUB | Navy Lattice Scarf\u003c\/title\u003e\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\nbody{\n    font-family:'Poppins',sans-serif;\n    background:\n    radial-gradient(circle at top left, rgba(255,255,255,.9), transparent 45%),\n    radial-gradient(circle at bottom right, rgba(19,44,85,.12), transparent 40%),\n    linear-gradient(135deg,#FFFDF9,#F7F1E8,#F4EAD8);\n    color:#343434;\n    overflow-x:hidden;\n}\n\n.container{\n    width:92%;\n    max-width:700px;\n    margin:auto;\n    padding:25px 0 40px;\n}\n\n\/* Main Card *\/\n\n.card{\n    background:white;\n    border-radius:28px;\n    padding:28px;\n    box-shadow:0 20px 50px rgba(0,0,0,.08);\n    animation:fadeUp 1.1s ease;\n    overflow:hidden;\n    position:relative;\n}\n\n.card:before{\n    content:'';\n    position:absolute;\n    top:-90px;\n    right:-90px;\n    width:220px;\n    height:220px;\n    background:linear-gradient(135deg,#173A71,#D6B87A);\n    opacity:.08;\n    border-radius:50%;\n}\n\n.card:after{\n    content:'';\n    position:absolute;\n    bottom:-80px;\n    left:-80px;\n    width:180px;\n    height:180px;\n    background:#173A71;\n    opacity:.05;\n    border-radius:50%;\n}\n\n\/* Heading *\/\n\nh1{\n    text-align:center;\n    color:#173A71;\n    font-size:2rem;\n    font-weight:700;\n    margin-bottom:10px;\n    animation:slideDown 1s ease;\n}\n\n.subtitle{\n    text-align:center;\n    font-size:1.2rem;\n    color:#B48635;\n    font-weight:600;\n    margin-bottom:25px;\n    animation:fadeIn 2s;\n}\n\n.intro{\n    text-align:center;\n    line-height:1.9;\n    color:#555;\n    font-size:1rem;\n    margin-bottom:35px;\n}\n\n\/* Features *\/\n\n.section-title{\n    text-align:center;\n    color:#173A71;\n    font-size:1.5rem;\n    margin-bottom:22px;\n    font-weight:700;\n}\n\n.feature{\n    display:flex;\n    align-items:flex-start;\n    gap:15px;\n    background:#fffdf9;\n    border-radius:18px;\n    padding:18px;\n    margin-bottom:16px;\n    box-shadow:0 10px 25px rgba(0,0,0,.05);\n    transition:.4s;\n    animation:floatUp 1s ease both;\n}\n\n.feature:nth-child(2){animation-delay:.15s;}\n.feature:nth-child(3){animation-delay:.3s;}\n.feature:nth-child(4){animation-delay:.45s;}\n.feature:nth-child(5){animation-delay:.6s;}\n.feature:nth-child(6){animation-delay:.75s;}\n\n.feature:hover{\n    transform:translateY(-6px);\n    box-shadow:0 18px 35px rgba(23,58,113,.15);\n}\n\n.icon{\n    width:55px;\n    height:55px;\n    border-radius:50%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    background:linear-gradient(135deg,#173A71,#C8A768);\n    color:white;\n    font-size:24px;\n    flex-shrink:0;\n}\n\n.feature h3{\n    color:#173A71;\n    margin-bottom:5px;\n    font-size:1rem;\n}\n\n.feature p{\n    color:#666;\n    line-height:1.7;\n    font-size:.94rem;\n}\n\n\/* Closing *\/\n\n.quote{\n    margin-top:35px;\n    padding:30px;\n    border-radius:22px;\n    background:linear-gradient(135deg,#173A71,#264C85);\n    color:white;\n    text-align:center;\n    box-shadow:0 20px 40px rgba(23,58,113,.25);\n    animation:glow 3s infinite alternate;\n}\n\n.quote h2{\n    margin-bottom:12px;\n    font-size:1.5rem;\n}\n\n.quote p{\n    line-height:1.9;\n    opacity:.95;\n}\n\n\/* Button *\/\n\n.button{\n    display:block;\n    width:100%;\n    text-align:center;\n    margin-top:30px;\n    padding:18px;\n    text-decoration:none;\n    background:linear-gradient(135deg,#173A71,#C49A54);\n    color:white;\n    font-weight:700;\n    border-radius:50px;\n    letter-spacing:.5px;\n    transition:.4s;\n    box-shadow:0 15px 30px rgba(23,58,113,.25);\n}\n\n.button:hover{\n    transform:translateY(-5px) scale(1.02);\n    box-shadow:0 20px 35px rgba(23,58,113,.35);\n}\n\n\/* Floating Sparkles *\/\n\n.sparkle{\n    position:fixed;\n    width:8px;\n    height:8px;\n    background:#D8B57C;\n    border-radius:50%;\n    opacity:.4;\n    animation:float 10s linear infinite;\n}\n\n.sparkle:nth-child(1){\nleft:8%;\nanimation-duration:9s;\n}\n\n.sparkle:nth-child(2){\nleft:30%;\nanimation-duration:12s;\nanimation-delay:2s;\n}\n\n.sparkle:nth-child(3){\nleft:55%;\nanimation-duration:11s;\nanimation-delay:4s;\n}\n\n.sparkle:nth-child(4){\nleft:80%;\nanimation-duration:13s;\nanimation-delay:1s;\n}\n\n\/* Animations *\/\n\n@keyframes fadeUp{\nfrom{opacity:0;transform:translateY(40px);}\nto{opacity:1;transform:translateY(0);}\n}\n\n@keyframes slideDown{\nfrom{opacity:0;transform:translateY(-30px);}\nto{opacity:1;transform:translateY(0);}\n}\n\n@keyframes fadeIn{\nfrom{opacity:0;}\nto{opacity:1;}\n}\n\n@keyframes floatUp{\nfrom{\nopacity:0;\ntransform:translateY(25px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes glow{\nfrom{\nbox-shadow:0 15px 35px rgba(23,58,113,.2);\n}\nto{\nbox-shadow:0 25px 50px rgba(196,154,84,.35);\n}\n}\n\n@keyframes float{\n0%{\ntransform:translateY(100vh) scale(.5);\nopacity:0;\n}\n20%{\nopacity:.5;\n}\n100%{\ntransform:translateY(-120px) scale(1.2);\nopacity:0;\n}\n}\n\n\/* Mobile *\/\n\n@media(max-width:600px){\n\n.container{\nwidth:95%;\npadding:15px 0 25px;\n}\n\n.card{\npadding:22px;\nborder-radius:22px;\n}\n\nh1{\nfont-size:1.7rem;\n}\n\n.subtitle{\nfont-size:1.05rem;\n}\n\n.section-title{\nfont-size:1.3rem;\n}\n\n.feature{\npadding:15px;\n}\n\n.icon{\nwidth:48px;\nheight:48px;\nfont-size:20px;\n}\n\n.quote{\npadding:24px;\n}\n\n.quote h2{\nfont-size:1.3rem;\n}\n\n.button{\nfont-size:16px;\npadding:16px;\n}\n\n}\n\n\u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"sparkle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sparkle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sparkle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sparkle\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"container\"\u003e\n\n\u003cdiv class=\"card\"\u003e\n\n\u003ch1\u003e✨ Navy Lattice Scarf ✨\u003c\/h1\u003e\n\n\u003cdiv class=\"subtitle\"\u003e\nStructure Meets Elegance\n\u003c\/div\u003e\n\n\u003cdiv class=\"intro\"\u003e\nIntroducing the \u003cstrong\u003eZIYAHUB Navy Lattice Scarf\u003c\/strong\u003e — a beautifully crafted silk-feel wrap featuring an intricate geometric lattice design in rich navy blue, soft cream, and warm caramel tones. Designed for women who appreciate timeless sophistication with a modern edge.\n\u003c\/div\u003e\n\n\u003cdiv class=\"section-title\"\u003e\n❤️ Why You'll Love It\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e🔷\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGeometric Lattice Print\u003c\/h3\u003e\n\u003cp\u003eAn elegant architectural-inspired pattern that adds confidence, sophistication and effortless style to every outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eNavy • Cream • Caramel Palette\u003c\/h3\u003e\n\u003cp\u003eClassic colours that complement both everyday fashion and elegant evening wear, making styling beautifully effortless.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSilky Luxury Feel\u003c\/h3\u003e\n\u003cp\u003eSoft, smooth and beautifully lightweight, giving you the luxurious feeling of silk with exceptional comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e💃\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eStyle It Your Way\u003c\/h3\u003e\n\u003cp\u003eWear it around your neck, as a chic head scarf, handbag accessory, elegant shawl or stylish beach cover-up.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"icon\"\u003e📏\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGenerous Size\u003c\/h3\u003e\n\u003cp\u003eDesigned to drape beautifully and create endless styling possibilities for every season and every occasion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"quote\"\u003e\n\u003ch2\u003eDesigned For Elegant Women\u003c\/h2\u003e\n\n\u003cp\u003e\nThe \u003cstrong\u003eZIYAHUB Navy Lattice Scarf\u003c\/strong\u003e is created for the woman who dresses with confidence, grace and intention. Every detail reflects timeless beauty, allowing you to express your unique style with effortless sophistication.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003ca href=\"#\" class=\"button\"\u003e\n💙 Elevate Your Style Today\n\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"ZIYAHUB","offers":[{"title":"Default Title","offer_id":53611996610925,"sku":null,"price":250.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/8725\/4893\/files\/geometric-maze-scarf-mannequin-editorial.png?v=1785240735","url":"https:\/\/ziyahub.co.za\/products\/navy-lattice-scarf","provider":"ZIYAHUB","version":"1.0","type":"link"}