{"product_id":"navelique-voyager-pro-rolling-duffle","title":"Navelique Voyager Pro Rolling Duffle","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\"\u003ePREMIUM TRAVEL GEAR\u003c\/div\u003e\n\u003ch1\u003eBuilt for the modern traveller.\u003c\/h1\u003e\n\u003cdiv class=\"tagline\"\u003eNavelique Voyager Pro Rolling Duffle\u003c\/div\u003e\n\u003cdiv class=\"desc\"\u003eDesigned for effortless travel, the Voyager Pro Rolling Duffle offers generous storage, exceptional durability, and smooth mobility in one refined design. Reinforced handles, multiple organised compartments, and premium rolling wheels make every journey easier—whether you're travelling for business, a weekend getaway, or an international adventure.\u003c\/div\u003e\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🧳\u003c\/span\u003e\n\u003cp\u003eLarge-Capacity Main Compartment\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🛞\u003c\/span\u003e\n\u003cp\u003eSmooth \u0026amp; Quiet Rolling Wheels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e💪\u003c\/span\u003e\n\u003cp\u003eReinforced Heavy-Duty Handles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🗂️\u003c\/span\u003e\n\u003cp\u003eMultiple Organised Storage Pockets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e✈️\u003c\/span\u003e\n\u003cp\u003ePerfect for Business \u0026amp; Leisure Travel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🌍\u003c\/span\u003e\n\u003cp\u003eBuilt for Every Journey\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"quote\"\u003eTravel smarter. Arrive effortlessly.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Navelique","offers":[{"title":"Default Title","offer_id":48129734967481,"sku":null,"price":1799.9,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/6477\/4329\/files\/navelique-no-border-navy-bag.png?v=1784049537","url":"https:\/\/navelique.co.za\/products\/navelique-voyager-pro-rolling-duffle","provider":"Navelique","version":"1.0","type":"link"}