{"product_id":"rose-garden-mini-dress","title":"Rose Garden Mini Dress","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\u003e\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:Poppins,sans-serif;\n}\n\nbody{\n\nbackground:\nlinear-gradient(135deg,#ffffff,#fff7f7,#fff,#fff3f4);\n\noverflow-x:hidden;\n\n}\n\n.product{\n\nmax-width:1200px;\nmargin:auto;\n\ndisplay:grid;\ngrid-template-columns:1fr 1fr;\n\ngap:60px;\n\npadding:80px 30px;\n\nalign-items:center;\n\n}\n\n.image-box{\n\nposition:relative;\ntext-align:center;\n\n}\n\n.image-box:before{\n\ncontent:\"\";\n\nposition:absolute;\n\nwidth:420px;\nheight:420px;\n\nbackground:#b5123b;\n\nopacity:.12;\n\nfilter:blur(120px);\n\nborder-radius:50%;\n\nleft:50%;\ntop:50%;\n\ntransform:translate(-50%,-50%);\n\nanimation:pulse 5s infinite;\n\n}\n\n.image-box img{\n\nwidth:100%;\nmax-width:470px;\n\nborder-radius:25px;\n\nposition:relative;\n\nz-index:2;\n\nbox-shadow:\n0 35px 70px rgba(0,0,0,.18);\n\nanimation:float 5s ease-in-out infinite;\n\ntransition:.4s;\n\n}\n\n.image-box img:hover{\n\ntransform:scale(1.03);\n\n}\n\n.content{\n\nopacity:0;\n\ntransform:translateY(40px);\n\ntransition:1s;\n\n}\n\n.content.show{\n\nopacity:1;\n\ntransform:none;\n\n}\n\n.badge{\n\ndisplay:inline-block;\n\nbackground:#8d0b31;\n\ncolor:white;\n\npadding:10px 20px;\n\nborder-radius:50px;\n\nfont-size:13px;\n\nletter-spacing:2px;\n\nmargin-bottom:20px;\n\n}\n\nh1{\n\nfont-size:58px;\n\nline-height:1.05;\n\nfont-weight:800;\n\ncolor:#222;\n\nmargin-bottom:25px;\n\n}\n\nh1 span{\n\ncolor:#9d1438;\n\n}\n\n.description{\n\nfont-size:18px;\n\nline-height:1.9;\n\ncolor:#666;\n\nmargin-bottom:40px;\n\n}\n\n.grid{\n\ndisplay:grid;\n\ngrid-template-columns:repeat(2,1fr);\n\ngap:18px;\n\nmargin-bottom:45px;\n\n}\n\n.card{\n\nbackground:rgba(255,255,255,.8);\n\nbackdrop-filter:blur(20px);\n\npadding:22px;\n\nborder-radius:18px;\n\nbox-shadow:0 15px 35px rgba(0,0,0,.06);\n\ntransition:.35s;\n\n}\n\n.card:hover{\n\ntransform:translateY(-8px);\n\nbox-shadow:0 20px 45px rgba(0,0,0,.12);\n\n}\n\n.card h3{\n\nfont-size:17px;\n\nmargin-bottom:10px;\n\ncolor:#8f0e33;\n\n}\n\n.card p{\n\nfont-size:14px;\n\nline-height:1.6;\n\ncolor:#666;\n\n}\n\n.button{\n\ndisplay:inline-block;\n\npadding:18px 42px;\n\nbackground:\nlinear-gradient(135deg,#750022,#c21e4d);\n\ncolor:white;\n\ntext-decoration:none;\n\nfont-weight:700;\n\nborder-radius:60px;\n\nposition:relative;\n\noverflow:hidden;\n\nbox-shadow:\n\n0 20px 40px rgba(194,30,77,.35);\n\ntransition:.35s;\n\n}\n\n.button:before{\n\ncontent:\"\";\n\nposition:absolute;\n\ntop:0;\n\nleft:-100%;\n\nwidth:60%;\n\nheight:100%;\n\nbackground:rgba(255,255,255,.35);\n\ntransform:skewX(-25deg);\n\ntransition:1s;\n\n}\n\n.button:hover:before{\n\nleft:180%;\n\n}\n\n.button:hover{\n\ntransform:translateY(-4px);\n\n}\n\n@keyframes float{\n\n0%{transform:translateY(0);}\n50%{transform:translateY(-15px);}\n100%{transform:translateY(0);}\n\n}\n\n@keyframes pulse{\n\n0%{transform:translate(-50%,-50%) scale(.9);}\n50%{transform:translate(-50%,-50%) scale(1.1);}\n100%{transform:translate(-50%,-50%) scale(.9);}\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:900px){\n\n.product{\n\ngrid-template-columns:1fr;\n\npadding:40px 20px;\n\ngap:40px;\n\n}\n\n.image-box:before{\n\nwidth:280px;\nheight:280px;\n\n}\n\n.image-box img{\n\nmax-width:100%;\n\n}\n\nh1{\n\nfont-size:38px;\n\ntext-align:center;\n\n}\n\n.badge{\n\ndisplay:block;\n\nmargin:0 auto 20px;\n\ntext-align:center;\n\n}\n\n.description{\n\nfont-size:16px;\n\ntext-align:center;\n\n}\n\n.grid{\n\ngrid-template-columns:1fr;\n\n}\n\n.button{\n\ndisplay:block;\n\ntext-align:center;\n\nwidth:100%;\n\npadding:18px;\n\n}\n\n}\n\n\u003c\/style\u003e\n\n\n\n\n\u003csection class=\"product\"\u003e\n\n\u003cdiv class=\"image-box\"\u003e\n\n\u003cimg src=\"YOUR_IMAGE_URL\" alt=\"Rose Garden Mini Dress\"\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"content\"\u003e\n\n\u003cdiv class=\"badge\"\u003e\n🌹 BEST SELLER\n\u003c\/div\u003e\n\n\u003ch1\u003e\nTurn Heads.\u003cbr\u003e\n\u003cspan\u003eFeel Everything.\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp class=\"description\"\u003e\n\nMeet the dress that makes every entrance unforgettable.\n\nThe \u003cstrong\u003eZavilo Rose Garden Mini Dress\u003c\/strong\u003e is bold, feminine and effortlessly stunning — designed for the woman who knows her worth.\n\n\u003c\/p\u003e\n\n\u003cdiv class=\"grid\"\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e🌹 Premium Rose Print\u003c\/h3\u003e\n\u003cp\u003eElegant burgundy roses on a crisp white base for timeless sophistication.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e💫 Sweetheart Neckline\u003c\/h3\u003e\n\u003cp\u003eDesigned to flatter with an adjustable front tie detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e👗 Puff Sleeves\u003c\/h3\u003e\n\u003cp\u003eRomantic volume that creates a soft, luxurious silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e✨ Tiered Skirt\u003c\/h3\u003e\n\u003cp\u003eFlowy A-line shape that moves beautifully with every step.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e📏 Inclusive Sizes\u003c\/h3\u003e\n\u003cp\u003eAvailable in 0XL–4XL because confidence belongs to everyone.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003ch3\u003e💖 Perfect For\u003c\/h3\u003e\n\u003cp\u003eBrunch, birthdays, vacations, dates, weddings, and everyday luxury.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"#\" class=\"button\"\u003e\nShop Now →\n\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cscript\u003e\n\nconst observer=new IntersectionObserver(entries=\u003e{\n\nentries.forEach(entry=\u003e{\n\nif(entry.isIntersecting){\n\nentry.target.classList.add(\"show\");\n\n}\n\n});\n\n});\n\nobserver.observe(document.querySelector(\".content\"));\n\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Zavilo","offers":[{"title":"XL","offer_id":54585442369815,"sku":null,"price":599.99,"currency_code":"ZAR","in_stock":true},{"title":"2XL","offer_id":54585442402583,"sku":null,"price":609.99,"currency_code":"ZAR","in_stock":true},{"title":"L","offer_id":54585442435351,"sku":null,"price":614.99,"currency_code":"ZAR","in_stock":true},{"title":"3XL","offer_id":54585442468119,"sku":null,"price":619.99,"currency_code":"ZAR","in_stock":true},{"title":"4XL","offer_id":54585442500887,"sku":null,"price":625.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/7889\/8711\/files\/zavilo-detail-shot_44bd5a7f-7702-453c-8ade-aad497039cfa.png?v=1785600623","url":"https:\/\/www.zavilo.co.za\/products\/rose-garden-mini-dress","provider":"Zavilo","version":"1.0","type":"link"}