{"product_id":"vela-collective-the-mom-floatie","title":"Vela Collective | The Mom Floatie","description":"\u003cstyle\u003e\n\/* =========================================================\n   VELA COLLECTIVE — THE MOM FLOATIE\n   Fun • Premium • Mom-focused • Animated\n========================================================= *\/\n\n.vela-mom-float {\n  --ocean:#54cddd;\n  --deep:#075b72;\n  --blue:#0a8eac;\n  --sky:#eafbfd;\n  --cream:#fffaf0;\n  --pink:#ff9fbd;\n  --gold:#ffd86a;\n  --text:#315e6b;\n\n  position:relative;\n  overflow:hidden;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n  color:var(--text);\n  background:\n    linear-gradient(180deg,#effdff 0%,#e8fbfd 42%,#ffffff 100%);\n  border-radius:30px;\n  box-shadow:0 18px 55px rgba(0,75,100,.12);\n}\n\n\/* =========================\n   FLOATING BUBBLES\n========================= *\/\n\n.vela-bubbles {\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  overflow:hidden;\n}\n\n.vela-bubbles span {\n  position:absolute;\n  bottom:-30px;\n  width:14px;\n  height:14px;\n  border:2px solid rgba(255,255,255,.8);\n  border-radius:50%;\n  background:rgba(255,255,255,.18);\n  animation:velaBubble 8s infinite ease-in;\n}\n\n.vela-bubbles span:nth-child(1){left:8%;animation-delay:0s}\n.vela-bubbles span:nth-child(2){left:19%;width:8px;height:8px;animation-delay:2s}\n.vela-bubbles span:nth-child(3){left:35%;width:18px;height:18px;animation-delay:4s}\n.vela-bubbles span:nth-child(4){left:60%;width:10px;height:10px;animation-delay:1s}\n.vela-bubbles span:nth-child(5){left:76%;width:20px;height:20px;animation-delay:3s}\n.vela-bubbles span:nth-child(6){left:91%;width:9px;height:9px;animation-delay:5s}\n\n@keyframes velaBubble {\n  0% {\n    transform:translateY(0) scale(.7);\n    opacity:0;\n  }\n  15% {\n    opacity:.8;\n  }\n  100% {\n    transform:translateY(-700px) translateX(35px) scale(1.2);\n    opacity:0;\n  }\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.vela-mom-hero {\n  position:relative;\n  text-align:center;\n  padding:58px 22px 95px;\n  background:\n    radial-gradient(circle at 15% 25%,rgba(255,255,255,.8),transparent 25%),\n    radial-gradient(circle at 85% 20%,rgba(255,255,255,.6),transparent 25%),\n    linear-gradient(135deg,#c9f6fa,#73d9e5);\n}\n\n.vela-mom-pill {\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  padding:9px 17px;\n  background:rgba(255,255,255,.85);\n  border-radius:999px;\n  color:var(--deep);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  box-shadow:0 8px 20px rgba(0,80,100,.08);\n  animation:velaAppear .7s ease both;\n}\n\n.vela-mom-hero h2 {\n  margin:20px auto 14px;\n  max-width:850px;\n  font-size:clamp(38px,7vw,70px);\n  line-height:.96;\n  letter-spacing:-3px;\n  font-weight:950;\n  color:var(--deep);\n  animation:velaRise .8s .1s ease both;\n}\n\n.vela-mom-hero h2 span {\n  color:#0785a2;\n}\n\n.vela-mom-hero p {\n  max-width:680px;\n  margin:auto;\n  font-size:18px;\n  line-height:1.65;\n  color:#205f70;\n  animation:velaRise .8s .2s ease both;\n}\n\n.vela-hero-heart {\n  display:block;\n  margin:22px auto 0;\n  font-size:32px;\n  animation:velaHeart 1.8s infinite ease-in-out;\n}\n\n@keyframes velaHeart {\n  0%,100%{transform:scale(1)}\n  50%{transform:scale(1.18)}\n}\n\n@keyframes velaRise {\n  from{\n    opacity:0;\n    transform:translateY(22px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes velaAppear {\n  from{\n    opacity:0;\n    transform:scale(.85);\n  }\n  to{\n    opacity:1;\n    transform:scale(1);\n  }\n}\n\n\/* =========================\n   WAVES\n========================= *\/\n\n.vela-wave {\n  position:absolute;\n  bottom:-2px;\n  left:0;\n  width:100%;\n}\n\n.vela-wave svg {\n  display:block;\n  width:100%;\n  height:90px;\n}\n\n\/* =========================\n   MAIN EMOTIONAL SECTION\n========================= *\/\n\n.vela-mom-message {\n  padding:50px 22px 35px;\n  text-align:center;\n  max-width:900px;\n  margin:auto;\n}\n\n.vela-mom-message small {\n  color:var(--blue);\n  font-weight:900;\n  text-transform:uppercase;\n  letter-spacing:2px;\n  font-size:12px;\n}\n\n.vela-mom-message h3 {\n  margin:10px auto 15px;\n  max-width:750px;\n  font-size:clamp(30px,5vw,48px);\n  line-height:1.05;\n  color:var(--deep);\n  font-weight:950;\n}\n\n.vela-mom-message p {\n  max-width:680px;\n  margin:auto;\n  font-size:16px;\n  line-height:1.7;\n  color:#617b84;\n}\n\n\/* =========================\n   4 WAYS TO FLOAT\n========================= *\/\n\n.vela-ways {\n  padding:30px 22px 55px;\n  max-width:1050px;\n  margin:auto;\n}\n\n.vela-way-grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:14px;\n}\n\n.vela-way {\n  position:relative;\n  background:white;\n  border-radius:22px;\n  padding:25px 15px;\n  text-align:center;\n  border:1px solid rgba(8,126,164,.08);\n  box-shadow:0 10px 30px rgba(0,80,110,.07);\n  transition:.35s ease;\n  overflow:hidden;\n}\n\n.vela-way:hover {\n  transform:translateY(-8px) rotate(-1deg);\n  box-shadow:0 18px 40px rgba(0,80,110,.13);\n}\n\n.vela-way-icon {\n  font-size:37px;\n  display:block;\n  margin-bottom:10px;\n  animation:velaBob 3s infinite ease-in-out;\n}\n\n.vela-way:nth-child(2) .vela-way-icon{animation-delay:.3s}\n.vela-way:nth-child(3) .vela-way-icon{animation-delay:.6s}\n.vela-way:nth-child(4) .vela-way-icon{animation-delay:.9s}\n\n@keyframes velaBob {\n  0%,100%{transform:translateY(0)}\n  50%{transform:translateY(-7px)}\n}\n\n.vela-way strong {\n  display:block;\n  color:var(--deep);\n  font-size:17px;\n  margin-bottom:6px;\n}\n\n.vela-way span {\n  font-size:13px;\n  line-height:1.4;\n  color:#6a8087;\n}\n\n\/* =========================\n   BIG MOM BANNER\n========================= *\/\n\n.vela-mom-banner {\n  margin:0 22px 55px;\n  border-radius:28px;\n  padding:50px 25px;\n  text-align:center;\n  color:white;\n  position:relative;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 10% 20%,rgba(255,255,255,.22),transparent 25%),\n    linear-gradient(135deg,#087d9b,#53cbd8);\n  box-shadow:0 18px 40px rgba(0,100,125,.18);\n}\n\n.vela-mom-banner::before {\n  content:\"☀️\";\n  position:absolute;\n  top:15px;\n  right:20px;\n  font-size:55px;\n  opacity:.55;\n  animation:velaSun 5s infinite linear;\n}\n\n@keyframes velaSun {\n  from{transform:rotate(0)}\n  to{transform:rotate(360deg)}\n}\n\n.vela-mom-banner h3 {\n  position:relative;\n  z-index:2;\n  margin:0 0 12px;\n  font-size:clamp(30px,5vw,48px);\n  line-height:1.05;\n  font-weight:950;\n}\n\n.vela-mom-banner p {\n  position:relative;\n  z-index:2;\n  max-width:650px;\n  margin:auto;\n  line-height:1.7;\n  font-size:16px;\n}\n\n\/* =========================\n   WHY MOMS LOVE IT\n========================= *\/\n\n.vela-love {\n  padding:0 22px 55px;\n  max-width:1050px;\n  margin:auto;\n}\n\n.vela-title {\n  text-align:center;\n  margin-bottom:30px;\n}\n\n.vela-title small {\n  color:var(--blue);\n  font-weight:900;\n  text-transform:uppercase;\n  letter-spacing:2px;\n  font-size:12px;\n}\n\n.vela-title h3 {\n  margin:9px 0 0;\n  color:var(--deep);\n  font-size:clamp(28px,5vw,43px);\n  font-weight:950;\n}\n\n.vela-love-grid {\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:15px;\n}\n\n.vela-love-card {\n  display:flex;\n  gap:16px;\n  align-items:flex-start;\n  background:#fff;\n  border-radius:22px;\n  padding:23px;\n  box-shadow:0 8px 25px rgba(0,80,110,.07);\n  transition:.3s ease;\n}\n\n.vela-love-card:hover {\n  transform:translateX(5px);\n}\n\n.vela-love-icon {\n  width:50px;\n  height:50px;\n  min-width:50px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#e9fafd;\n  border-radius:16px;\n  font-size:25px;\n}\n\n.vela-love-card strong {\n  display:block;\n  margin-bottom:5px;\n  color:var(--deep);\n  font-size:16px;\n}\n\n.vela-love-card span {\n  font-size:13px;\n  line-height:1.5;\n  color:#6b8087;\n}\n\n\/* =========================\n   GIFT\n========================= *\/\n\n.vela-gift {\n  margin:0 22px 50px;\n  border-radius:26px;\n  background:linear-gradient(135deg,#fff8e2,#fff);\n  border:1px solid #ffe8a0;\n  padding:35px 25px;\n  text-align:center;\n  position:relative;\n}\n\n.vela-gift-icon {\n  font-size:48px;\n  display:block;\n  margin-bottom:8px;\n  animation:velaGift 2s infinite ease-in-out;\n}\n\n@keyframes velaGift {\n  0%,100%{transform:rotate(0)}\n  25%{transform:rotate(-6deg)}\n  75%{transform:rotate(6deg)}\n}\n\n.vela-gift h3 {\n  margin:0 0 8px;\n  color:var(--deep);\n  font-size:28px;\n  font-weight:950;\n}\n\n.vela-gift p {\n  max-width:650px;\n  margin:auto;\n  color:#697b80;\n  line-height:1.6;\n}\n\n\/* =========================\n   TRUST STRIP\n========================= *\/\n\n.vela-trust {\n  padding:45px 22px;\n  text-align:center;\n  background:#f4fcfd;\n}\n\n.vela-trust h3 {\n  margin:0 0 10px;\n  color:var(--deep);\n  font-size:29px;\n  font-weight:950;\n}\n\n.vela-trust p {\n  max-width:650px;\n  margin:0 auto 22px;\n  color:#657b82;\n  line-height:1.6;\n  font-size:14px;\n}\n\n.vela-badges {\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:9px;\n}\n\n.vela-badge {\n  padding:9px 14px;\n  background:white;\n  border:1px solid #dceff2;\n  border-radius:999px;\n  font-size:12px;\n  font-weight:800;\n  color:#316777;\n}\n\n\/* =========================\n   FINAL CTA\n========================= *\/\n\n.vela-final {\n  position:relative;\n  overflow:hidden;\n  padding:58px 22px 62px;\n  text-align:center;\n  background:\n    radial-gradient(circle at 15% 70%,rgba(255,255,255,.5),transparent 25%),\n    linear-gradient(180deg,#e9fbfd,#d1f5f8);\n}\n\n.vela-final h3 {\n  max-width:760px;\n  margin:0 auto 12px;\n  color:var(--deep);\n  font-size:clamp(31px,5vw,50px);\n  line-height:1.02;\n  font-weight:950;\n}\n\n.vela-final p {\n  max-width:600px;\n  margin:0 auto 25px;\n  color:#5e7880;\n  line-height:1.6;\n}\n\n.vela-button {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  padding:17px 30px;\n  border-radius:999px;\n  background:#0785a2;\n  color:white !important;\n  text-decoration:none !important;\n  font-size:16px;\n  font-weight:950;\n  box-shadow:0 13px 28px rgba(0,120,150,.25);\n  transition:.3s ease;\n}\n\n.vela-button:hover {\n  transform:translateY(-4px) scale(1.02);\n  box-shadow:0 18px 35px rgba(0,120,150,.32);\n}\n\n.vela-final-note {\n  margin-top:14px;\n  color:#74888e;\n  font-size:11px;\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:700px){\n\n  .vela-mom-hero {\n    padding:45px 18px 85px;\n  }\n\n  .vela-mom-hero h2 {\n    letter-spacing:-1.7px;\n  }\n\n  .vela-mom-hero p {\n    font-size:15px;\n  }\n\n  .vela-way-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .vela-love-grid {\n    grid-template-columns:1fr;\n  }\n\n  .vela-mom-banner {\n    margin:0 15px 45px;\n    padding:42px 20px;\n  }\n\n  .vela-gift {\n    margin:0 15px 45px;\n  }\n\n  .vela-final {\n    padding:48px 18px 55px;\n  }\n\n  .vela-button {\n    width:100%;\n    box-sizing:border-box;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"vela-mom-float\"\u003e\n\u003c!-- FLOATING BUBBLES --\u003e\n\u003cdiv class=\"vela-bubbles\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"vela-mom-hero\"\u003e\n\u003cdiv class=\"vela-mom-pill\"\u003e🌊 VELA COLLECTIVE • MADE FOR MOM\u003c\/div\u003e\n\u003ch2\u003eMom, You Deserve\u003cbr\u003e\u003cspan\u003eYour Pool Day Too.\u003c\/span\u003e 💕\u003c\/h2\u003e\n\u003cp\u003eMeet \u003cstrong\u003eThe Mom Floatie\u003c\/strong\u003e — the comfy hammock-style float made for kicking back, cooling off and enjoying those precious pool moments without having to get out of the water.\u003c\/p\u003e\n\u003cspan class=\"vela-hero-heart\"\u003e☀️ 🌊 💕\u003c\/span\u003e\n\u003cdiv class=\"vela-wave\"\u003e\u003csvg viewbox=\"0 0 1440 120\" preserveaspectratio=\"none\"\u003e\n        \u003cpath fill=\"#effdff\" d=\"M0,70 C220,120 420,15 700,65 C950,115 1190,20 1440,68 L1440,120 L0,120 Z\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- EMOTIONAL HOOK --\u003e\n\u003csection class=\"vela-mom-message\"\u003e\u003csmall\u003eBecause you deserve a little break\u003c\/small\u003e\n\u003ch3\u003eThe Kids Can Have The Pool.\u003cbr\u003e\u003cspan style=\"color: #0785a2;\"\u003eMom Gets The Floatie.\u003c\/span\u003e 😌\u003c\/h3\u003e\n\u003cp\u003eYou've packed the towels. You've packed the snacks. You've watched the kids all day. Now it's your turn to lean back, cool off and simply float.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 4 WAYS --\u003e\n\u003csection class=\"vela-ways\"\u003e\n\u003cdiv class=\"vela-title\"\u003e\n\u003csmall\u003eOne floatie. Four ways to relax.\u003c\/small\u003e\n\u003ch3\u003eFloat Your Way 🌊\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-way-grid\"\u003e\n\u003cdiv class=\"vela-way\"\u003e\n\u003cspan class=\"vela-way-icon\"\u003e🪑\u003c\/span\u003e \u003cstrong\u003eSit Down\u003c\/strong\u003e \u003cspan\u003eStay upright and chat while keeping cool.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-way\"\u003e\n\u003cspan class=\"vela-way-icon\"\u003e😌\u003c\/span\u003e \u003cstrong\u003eSit Back\u003c\/strong\u003e \u003cspan\u003eLean back and let the water do the relaxing.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-way\"\u003e\n\u003cspan class=\"vela-way-icon\"\u003e🛀\u003c\/span\u003e \u003cstrong\u003eHammock\u003c\/strong\u003e \u003cspan\u003eLet the breathable mesh cradle you in the water.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-way\"\u003e\n\u003cspan class=\"vela-way-icon\"\u003e🌴\u003c\/span\u003e \u003cstrong\u003eDrifter\u003c\/strong\u003e \u003cspan\u003eRelax, float and enjoy your happy place.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIG MOM MESSAGE --\u003e\n\u003csection class=\"vela-mom-banner\"\u003e\n\u003ch3\u003eYour New Favourite\u003cbr\u003ePool Accessory. 💦\u003c\/h3\u003e\n\u003cp\u003eNo complicated setup. No ladders. No fuss. Just climb in, get comfortable and enjoy the water. Perfect for lazy Sundays, holidays and those “I finally get to relax” moments.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- WHY LOVE IT --\u003e\n\u003csection class=\"vela-love\"\u003e\n\u003cdiv class=\"vela-title\"\u003e\n\u003csmall\u003eDesigned for real pool days\u003c\/small\u003e\n\u003ch3\u003eWhy You'll Love It 💕\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-love-grid\"\u003e\n\u003cdiv class=\"vela-love-card\"\u003e\n\u003cdiv class=\"vela-love-icon\"\u003e🌬️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBreathable Mesh\u003c\/strong\u003e \u003cspan\u003e The mesh centre helps keep you cool while you relax in the water. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-love-card\"\u003e\n\u003cdiv class=\"vela-love-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMade For Sunny Days\u003c\/strong\u003e \u003cspan\u003e Perfect for South African summer pool days, holidays and resorts. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-love-card\"\u003e\n\u003cdiv class=\"vela-love-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eRoomy \u0026amp; Comfortable\u003c\/strong\u003e \u003cspan\u003e Approx. 130cm × 70cm for a relaxing floating experience. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vela-love-card\"\u003e\n\u003cdiv class=\"vela-love-icon\"\u003e👜\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEasy To Take With You\u003c\/strong\u003e \u003cspan\u003e Lightweight and folds flat, making it easy to store and pack. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GIFT --\u003e\n\u003csection class=\"vela-gift\"\u003e\u003cspan class=\"vela-gift-icon\"\u003e🎁\u003c\/span\u003e\n\u003ch3\u003eKnow A Mom Who Needs This?\u003c\/h3\u003e\n\u003cp\u003eBirthday gift, Mother's Day surprise, holiday treat — or simply a little “you deserve this” present. Sometimes the best gifts are the ones that say: \u003cstrong\u003e“Now it's your turn to relax.”\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- TRUST --\u003e\n\u003csection class=\"vela-trust\"\u003e\n\u003ch3\u003eMade For The Moments That Matter 🇿🇦\u003c\/h3\u003e\n\u003cp\u003eVela Collective is here to make pool days more enjoyable — for the little ones and the moms who spend their summers making memories with them.\u003c\/p\u003e\n\u003cdiv class=\"vela-badges\"\u003e\n\u003cdiv class=\"vela-badge\"\u003e✓ South Africa\u003c\/div\u003e\n\u003cdiv class=\"vela-badge\"\u003e✓ 6 beautiful colours\u003c\/div\u003e\n\u003cdiv class=\"vela-badge\"\u003e✓ Lightweight design\u003c\/div\u003e\n\u003cdiv class=\"vela-badge\"\u003e✓ Easy storage\u003c\/div\u003e\n\u003cdiv class=\"vela-badge\"\u003e✓ 8–11 business day delivery\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"vela-final\"\u003e\n\u003ch3\u003eGive Yourself Permission To Do Nothing. 😌🌊\u003c\/h3\u003e\n\u003cp\u003eThe kids will be having fun. The sun will be shining. And you'll finally have your own little floating happy place.\u003c\/p\u003e\n\u003cdiv class=\"vela-final-note\"\u003eSuitable for adults and teens • Adult supervision recommended around children near water\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Vela Collective","offers":[{"title":"Yellow","offer_id":43140661837920,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":43140661870688,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Dark Pink","offer_id":43140661903456,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":43140661936224,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Light Green","offer_id":43140661968992,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Tangerine","offer_id":43140662001760,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0677\/8758\/7680\/files\/kids-playing.png?v=1788897335","url":"https:\/\/velacollective.co.za\/products\/vela-collective-the-mom-floatie","provider":"Vela Collective","version":"1.0","type":"link"}