{"product_id":"dustbuster","title":"VantaVac","description":"\u003csection class=\"vantavac-mobile\"\u003e\n\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900\u0026display=swap');\n\n.vantavac-mobile{\n  --blue:#168cff;\n  --blue2:#39a5ff;\n  --bg:#05080b;\n  --card:#0d1318;\n  --text:#f7f9fb;\n  --muted:#9aa5ae;\n\n  font-family:Inter,Arial,sans-serif;\n  background:var(--bg);\n  color:var(--text);\n  overflow:hidden;\n  border-radius:18px;\n}\n\n.vantavac-mobile *{\n  box-sizing:border-box;\n}\n\n\/* HERO *\/\n\n.vv-hero{\n  padding:42px 20px 34px;\n  text-align:center;\n  position:relative;\n  background:\n    radial-gradient(circle at 50% 0%,rgba(22,140,255,.20),transparent 48%),\n    linear-gradient(180deg,#080d12,#05080b);\n}\n\n.vv-badge{\n  display:inline-block;\n  padding:7px 12px;\n  border:1px solid rgba(57,165,255,.4);\n  border-radius:50px;\n  color:var(--blue2);\n  background:rgba(22,140,255,.08);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.3px;\n  text-transform:uppercase;\n  animation:vvFade .7s ease both;\n}\n\n.vv-hero h2{\n  font-size:36px;\n  line-height:1;\n  letter-spacing:-2px;\n  margin:18px 0 12px;\n  font-weight:900;\n  animation:vvUp .7s .1s ease both;\n}\n\n.vv-hero h2 span{\n  color:var(--blue);\n}\n\n.vv-hero p{\n  margin:0 auto;\n  max-width:430px;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.6;\n  animation:vvUp .7s .2s ease both;\n}\n\n\/* PRODUCT VISUAL *\/\n\n.vv-product{\n  margin:28px auto 20px;\n  width:100%;\n  max-width:330px;\n  height:190px;\n  border-radius:20px;\n  position:relative;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  background:\n    radial-gradient(circle,rgba(22,140,255,.16),transparent 60%);\n  animation:vvFloat 4s ease-in-out infinite;\n}\n\n.vv-product::before{\n  content:\"\";\n  position:absolute;\n  width:150px;\n  height:150px;\n  border-radius:50%;\n  background:var(--blue);\n  filter:blur(65px);\n  opacity:.18;\n}\n\n.vv-vacuum{\n  width:245px;\n  height:90px;\n  position:relative;\n  transform:rotate(-8deg);\n  filter:drop-shadow(0 20px 25px rgba(0,0,0,.6));\n}\n\n.vv-body{\n  position:absolute;\n  width:180px;\n  height:70px;\n  right:25px;\n  top:10px;\n  border-radius:45px 28px 28px 45px;\n  background:linear-gradient(145deg,#252d33,#080b0e);\n  border:1px solid #414b52;\n}\n\n.vv-body:after{\n  content:\"VANTAVAC\";\n  position:absolute;\n  right:25px;\n  top:27px;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1px;\n  color:var(--blue2);\n}\n\n.vv-handle{\n  position:absolute;\n  width:80px;\n  height:70px;\n  left:32px;\n  top:-5px;\n  border:13px solid #181e23;\n  border-bottom:0;\n  border-radius:45px 45px 0 0;\n}\n\n.vv-nozzle{\n  position:absolute;\n  left:-10px;\n  top:30px;\n  width:70px;\n  height:25px;\n  border-radius:20px 5px 5px 20px;\n  background:#090c0f;\n  border:1px solid #39434a;\n}\n\n.vv-light{\n  position:absolute;\n  right:35px;\n  top:30px;\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:var(--blue2);\n  box-shadow:0 0 15px var(--blue);\n  animation:vvPulse 1.5s infinite;\n}\n\n\/* FEATURES *\/\n\n.vv-features{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  padding:0 14px 28px;\n}\n\n.vv-feature{\n  background:linear-gradient(145deg,#11181e,#090d11);\n  border:1px solid #202a31;\n  border-radius:14px;\n  padding:17px 13px;\n  text-align:left;\n  transition:.3s ease;\n  animation:vvUp .7s ease both;\n}\n\n.vv-feature:nth-child(2){animation-delay:.1s}\n.vv-feature:nth-child(3){animation-delay:.2s}\n.vv-feature:nth-child(4){animation-delay:.3s}\n\n.vv-feature:hover{\n  transform:translateY(-4px);\n  border-color:rgba(22,140,255,.5);\n}\n\n.vv-icon{\n  font-size:21px;\n  margin-bottom:8px;\n}\n\n.vv-feature strong{\n  display:block;\n  font-size:13px;\n  margin-bottom:5px;\n}\n\n.vv-feature p{\n  margin:0;\n  color:#87939c;\n  font-size:11px;\n  line-height:1.5;\n}\n\n\/* CTA *\/\n\n.vv-cta{\n  margin:0 14px 16px;\n  padding:25px 18px;\n  text-align:center;\n  border-radius:17px;\n  background:\n    linear-gradient(135deg,rgba(22,140,255,.16),rgba(22,140,255,.04));\n  border:1px solid rgba(22,140,255,.25);\n}\n\n.vv-cta h3{\n  margin:0 0 7px;\n  font-size:22px;\n  font-weight:900;\n}\n\n.vv-cta p{\n  margin:0 0 17px;\n  color:var(--muted);\n  font-size:12px;\n}\n\n.vv-button{\n  display:inline-block;\n  padding:13px 23px;\n  border-radius:10px;\n  background:linear-gradient(135deg,#168cff,#0873d1);\n  color:white!important;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:800;\n  box-shadow:0 8px 25px rgba(22,140,255,.25);\n  transition:.3s ease;\n}\n\n.vv-button:hover{\n  transform:translateY(-3px);\n  box-shadow:0 12px 30px rgba(22,140,255,.4);\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes vvUp{\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes vvFade{\n  from{opacity:0}\n  to{opacity:1}\n}\n\n@keyframes vvFloat{\n  0%,100%{transform:translateY(0)}\n  50%{transform:translateY(-8px)}\n}\n\n@keyframes vvPulse{\n  0%,100%{\n    opacity:1;\n    transform:scale(1);\n  }\n  50%{\n    opacity:.45;\n    transform:scale(.7);\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:380px){\n\n  .vv-hero{\n    padding:34px 16px 28px;\n  }\n\n  .vv-hero h2{\n    font-size:32px;\n  }\n\n  .vv-product{\n    height:170px;\n  }\n\n  .vv-vacuum{\n    transform:scale(.88) rotate(-8deg);\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- HERO --\u003e\n\n\u003cdiv class=\"vv-hero\"\u003e\n\n  \u003cdiv class=\"vv-badge\"\u003e\n    VANTAVAC • AUTOVANTA\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    Clean Your Car.\u003cbr\u003e\n    \u003cspan\u003eAnywhere.\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Powerful cordless suction designed to\n    remove crumbs, dust, pet hair and dirt\n    from every corner of your interior.\n  \u003c\/p\u003e\n\n\n  \u003c!-- PRODUCT --\u003e\n\n  \u003cdiv class=\"vv-product\"\u003e\n\n    \u003cdiv class=\"vv-vacuum\"\u003e\n\n      \u003cdiv class=\"vv-handle\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"vv-nozzle\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"vv-body\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"vv-light\"\u003e\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- FEATURES --\u003e\n\n\u003cdiv class=\"vv-features\"\u003e\n\n  \u003cdiv class=\"vv-feature\"\u003e\n\n    \u003cdiv class=\"vv-icon\"\u003e💨\u003c\/div\u003e\n\n    \u003cstrong\u003ePowerful Suction\u003c\/strong\u003e\n\n    \u003cp\u003e\n      Quickly lifts dust, crumbs,\n      hair and debris.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"vv-feature\"\u003e\n\n    \u003cdiv class=\"vv-icon\"\u003e🔋\u003c\/div\u003e\n\n    \u003cstrong\u003eWireless\u003c\/strong\u003e\n\n    \u003cp\u003e\n      Rechargeable design with\n      no annoying cords.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"vv-feature\"\u003e\n\n    \u003cdiv class=\"vv-icon\"\u003e🎯\u003c\/div\u003e\n\n    \u003cstrong\u003e3 Attachments\u003c\/strong\u003e\n\n    \u003cp\u003e\n      Reach vents, gaps and\n      hard-to-clean areas.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"vv-feature\"\u003e\n\n    \u003cdiv class=\"vv-icon\"\u003e🏠\u003c\/div\u003e\n\n    \u003cstrong\u003eCar + Home\u003c\/strong\u003e\n\n    \u003cp\u003e\n      Perfect for cars, desks,\n      sofas and more.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- CTA --\u003e\n\n\u003cdiv class=\"vv-cta\"\u003e\n\n  \u003ch3\u003e\n    A Cleaner Car. Fast.\n  \u003c\/h3\u003e\n\n  \u003cp\u003e\n    Powerful cleaning without the hassle.\n  \u003c\/p\u003e\n\n  \u003ca class=\"vv-button\" href=\"#buy-vantavac\"\u003e\n    Get VantaVac →\n  \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e","brand":"AutoVanta","offers":[{"title":"Black","offer_id":50186983014657,"sku":null,"price":749.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":50186983047425,"sku":null,"price":749.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0834\/7090\/9697\/files\/vantavac-infographic-shot.png?v=1786496855","url":"https:\/\/autovanta.co.za\/products\/dustbuster","provider":"AutoVanta","version":"1.0","type":"link"}