{"product_id":"navelique-voyagexl","title":"Navelique VoyageXL","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:'Poppins',sans-serif;\n}\n\nbody{\nbackground:linear-gradient(-45deg,#FCF8F1,#F7F0E3,#EFE2CC,#D6C6A8);\nbackground-size:400% 400%;\nanimation:bgMove 16s ease infinite;\npadding:40px 20px;\n}\n\n@keyframes bgMove{\n0%{background-position:0% 50%;}\n50%{background-position:100% 50%;}\n100%{background-position:0% 50%;}\n}\n\n.card{\nmax-width:950px;\nmargin:auto;\ndisplay:flex;\nflex-wrap:wrap;\noverflow:hidden;\nborder-radius:35px;\nbackground:rgba(255,255,255,.55);\nbackdrop-filter:blur(18px);\nborder:1px solid rgba(255,255,255,.6);\nbox-shadow:0 25px 60px rgba(160,130,90,.18);\nanimation:cardFloat 6s ease-in-out infinite;\n}\n\n@keyframes cardFloat{\n0%,100%{transform:translateY(0);}\n50%{transform:translateY(-8px);}\n}\n\n.left{\nflex:1;\nmin-width:320px;\npadding:50px;\ndisplay:flex;\njustify-content:center;\nalign-items:center;\nposition:relative;\nbackground:linear-gradient(145deg,#F8F2E8,#EADDC7);\noverflow:hidden;\n}\n\n.glow{\nposition:absolute;\nwidth:340px;\nheight:340px;\nborder-radius:50%;\nbackground:radial-gradient(circle,#FFF8EF,#D6C6A8);\nfilter:blur(90px);\nanimation:pulse 5s infinite;\n}\n\n@keyframes pulse{\n0%,100%{transform:scale(.9);opacity:.6;}\n50%{transform:scale(1.2);opacity:1;}\n}\n\n.left img{\nwidth:100%;\nmax-width:340px;\nposition:relative;\nz-index:2;\nfilter:drop-shadow(0 20px 35px rgba(0,0,0,.18));\nanimation:bagFloat 4s ease-in-out infinite;\n}\n\n@keyframes bagFloat{\n0%,100%{transform:translateY(0);}\n50%{transform:translateY(-15px);}\n}\n\n.right{\nflex:1;\npadding:55px;\n}\n\n.badge{\ndisplay:inline-block;\npadding:10px 20px;\nborder-radius:30px;\nbackground:linear-gradient(135deg,#D6C6A8,#EFE2CC);\ncolor:#6A573F;\nfont-size:13px;\nfont-weight:600;\nletter-spacing:3px;\nmargin-bottom:18px;\nanimation:badgeGlow 3s infinite;\n}\n\n@keyframes badgeGlow{\n50%{box-shadow:0 0 25px rgba(214,198,168,.7);}\n}\n\nh1{\nfont-size:32px;\nfont-weight:600;\ncolor:#4B3F33;\nmargin-bottom:10px;\n}\n\n.tagline{\nfont-size:20px;\nfont-weight:500;\nmargin-bottom:25px;\nbackground:linear-gradient(90deg,#8C6E47,#D6C6A8,#8C6E47);\nbackground-size:300%;\n-webkit-background-clip:text;\n-webkit-text-fill-color:transparent;\nanimation:shine 5s linear infinite;\n}\n\n@keyframes shine{\n0%{background-position:-300%;}\n100%{background-position:300%;}\n}\n\n.desc{\nfont-size:16px;\nline-height:1.8;\ncolor:#5B5145;\nmargin-bottom:30px;\nanimation:fadeUp 1s ease;\n}\n\n.features{\ndisplay:grid;\ngrid-template-columns:repeat(2,1fr);\ngap:15px;\n}\n\n.feature{\nbackground:rgba(255,255,255,.82);\npadding:16px;\nborder-radius:18px;\nopacity:0;\nanimation:appear .8s forwards;\ntransition:.3s;\n}\n\n.feature:nth-child(1){animation-delay:.2s;}\n.feature:nth-child(2){animation-delay:.4s;}\n.feature:nth-child(3){animation-delay:.6s;}\n.feature:nth-child(4){animation-delay:.8s;}\n.feature:nth-child(5){animation-delay:1s;}\n.feature:nth-child(6){animation-delay:1.2s;}\n\n.feature:hover{\ntransform:translateY(-8px);\nbox-shadow:0 15px 35px rgba(214,198,168,.35);\n}\n\n.feature span{\ndisplay:block;\nfont-size:28px;\nmargin-bottom:8px;\nanimation:iconFloat 3s ease-in-out infinite;\n}\n\n@keyframes iconFloat{\n50%{transform:translateY(-5px);}\n}\n\n.feature p{\nfont-size:14px;\ncolor:#5B5145;\n}\n\n.quote{\nmargin-top:35px;\ntext-align:center;\nfont-size:30px;\nfont-weight:700;\nbackground:linear-gradient(90deg,#A8875E,#D6C6A8,#A8875E);\nbackground-size:300%;\n-webkit-background-clip:text;\n-webkit-text-fill-color:transparent;\nanimation:shine 6s linear infinite;\n}\n\n@keyframes appear{\nfrom{\nopacity:0;\ntransform:translateY(25px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes fadeUp{\nfrom{\nopacity:0;\ntransform:translateY(20px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@media(max-width:800px){\n\n.card{\nflex-direction:column;\n}\n\n.right{\npadding:35px;\n}\n\n.features{\ngrid-template-columns:1fr;\n}\n\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"left\"\u003e\n\u003cdiv class=\"glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Replace with your product image --\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"right\"\u003e\n\u003cdiv class=\"badge\"\u003eADVENTURE SERIES\u003c\/div\u003e\n\u003ch1\u003eBuilt for the bold traveller.\u003c\/h1\u003e\n\u003cdiv class=\"tagline\"\u003eNavelique VoyageXL\u003c\/div\u003e\n\u003cdiv class=\"desc\"\u003eEngineered for long journeys and demanding adventures, the VoyageXL combines exceptional capacity with rugged durability. Smooth-rolling wheels, reinforced carry handles, and versatile backpack functionality allow you to travel confidently, whether you're navigating airports, exploring the outdoors, or embarking on your next expedition.\u003c\/div\u003e\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🧳\u003c\/span\u003e\n\u003cp\u003eLarge-Capacity Travel Storage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🛞\u003c\/span\u003e\n\u003cp\u003eSmooth-Rolling Heavy-Duty Wheels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🎒\u003c\/span\u003e\n\u003cp\u003eConverts from Roller to Backpack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🗂️\u003c\/span\u003e\n\u003cp\u003eMultiple Organised Compartments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e💪\u003c\/span\u003e\n\u003cp\u003eReinforced Heavy-Duty Carry Straps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🌍\u003c\/span\u003e\n\u003cp\u003eBuilt for Travel \u0026amp; Adventure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote\"\u003eOne bag. Unlimited adventures.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Navelique","offers":[{"title":"Black","offer_id":47803051344057,"sku":null,"price":2599.9,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":47803051376825,"sku":null,"price":2599.9,"currency_code":"ZAR","in_stock":true},{"title":"Beige","offer_id":47803051409593,"sku":null,"price":2599.9,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/6477\/4329\/files\/navelique-branded-bag.png?v=1782681614","url":"https:\/\/navelique.co.za\/products\/navelique-voyagexl","provider":"Navelique","version":"1.0","type":"link"}