{"product_id":"baby-blossom™-waist-carrier","title":"Baby Blossom™ Waist Carrier","description":"\n\u003cstyle\u003e\n\/* =====================================================\n   BABY BLOSSOM™\n   PREMIUM GREEN \u0026 YELLOW PRODUCT SECTION\n   LIGHT GREEN HOW IT WORKS\n   NO ADD TO CART BUTTON\n   ===================================================== *\/\n\n.bb-premium {\n  --green-dark: #26352A;\n  --green: #6F8F72;\n  --green-medium: #58745C;\n  --green-light: #E8F0E5;\n  --green-soft: #F2F7EF;\n\n  --yellow: #F4D35E;\n  --yellow-light: #FFF8D9;\n\n  --cream: #FBFCF5;\n  --white: #FFFFFF;\n\n  --text: #2F3931;\n  --muted: #697269;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  color: var(--text);\n\n  background:\n    radial-gradient(\n      circle at 5% 5%,\n      rgba(232,240,229,.95),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 95% 85%,\n      rgba(255,248,217,.95),\n      transparent 32%\n    ),\n    var(--cream);\n\n  overflow: hidden;\n  padding: 80px 20px;\n  border-radius: 30px;\n  position: relative;\n}\n\n\n\/* =====================================================\n   FLOATING BACKGROUND\n   ===================================================== *\/\n\n.bb-premium::before,\n.bb-premium::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 0;\n  animation: bbFloat 8s ease-in-out infinite;\n}\n\n.bb-premium::before {\n  width: 220px;\n  height: 220px;\n\n  background:\n    rgba(232,240,229,.65);\n\n  top: 40px;\n  left: -90px;\n}\n\n.bb-premium::after {\n  width: 280px;\n  height: 280px;\n\n  background:\n    rgba(244,211,94,.12);\n\n  right: -120px;\n  bottom: -100px;\n\n  animation-delay: -3s;\n}\n\n@keyframes bbFloat {\n\n  0%, 100% {\n    transform:\n      translateY(0)\n      rotate(0deg);\n  }\n\n  50% {\n    transform:\n      translateY(-20px)\n      rotate(6deg);\n  }\n\n}\n\n\n\/* =====================================================\n   CONTAINER\n   ===================================================== *\/\n\n.bb-container {\n  max-width: 1150px;\n  margin: auto;\n\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =====================================================\n   HERO\n   ===================================================== *\/\n\n.bb-hero {\n  text-align: center;\n\n  max-width: 820px;\n\n  margin:\n    0 auto 55px;\n\n  animation:\n    bbFadeUp .9s ease both;\n}\n\n.bb-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n  gap: 8px;\n\n  padding:\n    9px 18px;\n\n  border-radius: 100px;\n\n  background:\n    rgba(255,255,255,.82);\n\n  border:\n    1px solid rgba(111,143,114,.25);\n\n  color:\n    var(--green-medium);\n\n  font-size: 12px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n  box-shadow:\n    0 8px 25px\n    rgba(38,53,42,.06);\n\n  margin-bottom: 20px;\n}\n\n.bb-eyebrow::before {\n  content: \"✿\";\n\n  color:\n    var(--yellow);\n\n  font-size: 16px;\n}\n\n.bb-hero h2 {\n  margin:\n    0 0 20px;\n\n  font-size:\n    clamp(38px, 6vw, 68px);\n\n  line-height: 1.02;\n\n  letter-spacing:\n    -2.8px;\n\n  font-weight: 850;\n\n  color:\n    var(--green-dark);\n}\n\n.bb-gradient-text {\n  background:\n    linear-gradient(\n      90deg,\n      var(--green-medium),\n      #C39A28,\n      var(--green-medium)\n    );\n\n  background-size:\n    200% auto;\n\n  -webkit-background-clip:\n    text;\n\n  background-clip:\n    text;\n\n  -webkit-text-fill-color:\n    transparent;\n\n  animation:\n    bbGradient 5s linear infinite;\n}\n\n@keyframes bbGradient {\n\n  to {\n    background-position:\n      200% center;\n  }\n\n}\n\n.bb-hero p {\n  margin:\n    0 auto;\n\n  max-width:\n    700px;\n\n  color:\n    var(--muted);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.8;\n}\n\n\n\/* =====================================================\n   FEATURES\n   ===================================================== *\/\n\n.bb-features {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  gap: 18px;\n\n  margin-bottom:\n    65px;\n}\n\n.bb-card {\n  background:\n    rgba(255,255,255,.82);\n\n  backdrop-filter:\n    blur(14px);\n\n  border:\n    1px solid\n    rgba(111,143,114,.17);\n\n  border-radius:\n    26px;\n\n  padding:\n    30px 20px;\n\n  text-align:\n    center;\n\n  box-shadow:\n    0 15px 45px\n    rgba(38,53,42,.07);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n\n  animation:\n    bbFadeUp .8s ease both;\n}\n\n.bb-card:nth-child(2) {\n  animation-delay:\n    .12s;\n}\n\n.bb-card:nth-child(3) {\n  animation-delay:\n    .24s;\n}\n\n.bb-card:nth-child(4) {\n  animation-delay:\n    .36s;\n}\n\n.bb-card:hover {\n  transform:\n    translateY(-11px);\n\n  border-color:\n    rgba(111,143,114,.4);\n\n  box-shadow:\n    0 28px 60px\n    rgba(38,53,42,.13);\n}\n\n\n\/* =====================================================\n   FEATURE ICONS\n   ===================================================== *\/\n\n.bb-icon {\n  width:\n    68px;\n\n  height:\n    68px;\n\n  margin:\n    0 auto 18px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF,\n      var(--green-light)\n    );\n\n  font-size:\n    30px;\n\n  box-shadow:\n    0 9px 25px\n    rgba(111,143,114,.17);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.bb-card:hover .bb-icon {\n\n  transform:\n    scale(1.13)\n    rotate(5deg);\n\n  box-shadow:\n    0 13px 30px\n    rgba(111,143,114,.25);\n}\n\n.bb-card h3 {\n\n  margin:\n    0 0 10px;\n\n  font-size:\n    17px;\n\n  font-weight:\n    800;\n\n  color:\n    var(--green-dark);\n}\n\n.bb-card p {\n\n  margin:\n    0;\n\n  color:\n    var(--muted);\n\n  font-size:\n    14px;\n\n  line-height:\n    1.65;\n}\n\n\n\/* =====================================================\n   HOW IT WORKS\n   LIGHT GREEN VERSION\n   ===================================================== *\/\n\n.bb-how {\n\n  background:\n    linear-gradient(\n      135deg,\n      #E8F0E5,\n      #F2F7EF\n    );\n\n  border:\n    1px solid\n    rgba(111,143,114,.18);\n\n  border-radius:\n    34px;\n\n  padding:\n    55px 40px;\n\n  color:\n    var(--green-dark);\n\n  margin-bottom:\n    60px;\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  box-shadow:\n    0 20px 55px\n    rgba(38,53,42,.08);\n}\n\n\n\/* Decorative yellow glow *\/\n\n.bb-how::before {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    320px;\n\n  height:\n    320px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(244,211,94,.18);\n\n  right:\n    -120px;\n\n  top:\n    -140px;\n\n  animation:\n    bbFloat 9s ease-in-out infinite;\n}\n\n\n\/* Decorative green glow *\/\n\n.bb-how::after {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    200px;\n\n  height:\n    200px;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(111,143,114,.08);\n\n  left:\n    -80px;\n\n  bottom:\n    -100px;\n}\n\n\n\/* =====================================================\n   HOW IT WORKS TITLE\n   ===================================================== *\/\n\n.bb-how-title {\n\n  text-align:\n    center;\n\n  position:\n    relative;\n\n  z-index:\n    2;\n\n  margin-bottom:\n    38px;\n}\n\n.bb-how-title span {\n\n  color:\n    #718A74;\n\n  font-size:\n    12px;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    2px;\n\n  text-transform:\n    uppercase;\n}\n\n.bb-how-title h2 {\n\n  margin:\n    9px 0 0;\n\n  font-size:\n    35px;\n\n  letter-spacing:\n    -.7px;\n\n  color:\n    var(--green-dark);\n}\n\n\n\/* =====================================================\n   STEPS\n   ===================================================== *\/\n\n.bb-steps {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap:\n    25px;\n\n  position:\n    relative;\n\n  z-index:\n    2;\n}\n\n.bb-step {\n\n  text-align:\n    center;\n\n  padding:\n    10px;\n\n  transition:\n    transform .3s ease;\n}\n\n.bb-step:hover {\n\n  transform:\n    translateY(-5px);\n}\n\n\n\/* =====================================================\n   NUMBER CIRCLES\n   ===================================================== *\/\n\n.bb-number {\n\n  width:\n    52px;\n\n  height:\n    52px;\n\n  border-radius:\n    50%;\n\n  margin:\n    0 auto 18px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  background:\n    var(--yellow);\n\n  color:\n    var(--green-dark);\n\n  font-weight:\n    900;\n\n  font-size:\n    18px;\n\n  box-shadow:\n    0 0 0 8px\n    rgba(244,211,94,.16);\n\n  transition:\n    transform .3s ease;\n}\n\n.bb-step:hover .bb-number {\n\n  transform:\n    scale(1.12)\n    rotate(8deg);\n}\n\n.bb-step h3 {\n\n  margin:\n    0 0 9px;\n\n  font-size:\n    17px;\n\n  color:\n    var(--green-dark);\n\n  font-weight:\n    800;\n}\n\n.bb-step p {\n\n  margin:\n    0;\n\n  color:\n    #5F6E61;\n\n  line-height:\n    1.65;\n\n  font-size:\n    14px;\n}\n\n\n\/* =====================================================\n   FINAL MESSAGE\n   ===================================================== *\/\n\n.bb-cta {\n\n  text-align:\n    center;\n\n  animation:\n    bbFadeUp 1s ease both;\n}\n\n.bb-cta h2 {\n\n  margin:\n    0 0 13px;\n\n  font-size:\n    clamp(29px, 4vw, 45px);\n\n  letter-spacing:\n    -1.2px;\n\n  color:\n    var(--green-dark);\n}\n\n.bb-cta p {\n\n  color:\n    var(--muted);\n\n  margin:\n    0 auto 20px;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.7;\n}\n\n\n\/* =====================================================\n   TRUST LINE\n   ===================================================== *\/\n\n.bb-trust {\n\n  margin-top:\n    18px;\n\n  color:\n    #7C867D;\n\n  font-size:\n    12px;\n\n  letter-spacing:\n    .4px;\n}\n\n\n\/* =====================================================\n   FADE ANIMATION\n   ===================================================== *\/\n\n@keyframes bbFadeUp {\n\n  from {\n\n    opacity:\n      0;\n\n    transform:\n      translateY(28px);\n\n  }\n\n  to {\n\n    opacity:\n      1;\n\n    transform:\n      translateY(0);\n\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n   ===================================================== *\/\n\n@media (max-width: 800px) {\n\n  .bb-premium {\n\n    padding:\n      55px 15px;\n\n    border-radius:\n      20px;\n  }\n\n  .bb-features {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n  }\n\n  .bb-steps {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      32px;\n  }\n\n  .bb-how {\n\n    padding:\n      45px 22px;\n  }\n\n  .bb-how-title h2 {\n\n    font-size:\n      29px;\n  }\n\n}\n\n\n@media (max-width: 480px) {\n\n  .bb-premium {\n\n    padding:\n      45px 13px;\n  }\n\n  .bb-features {\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .bb-hero h2 {\n\n    letter-spacing:\n      -1.6px;\n  }\n\n  .bb-hero p {\n\n    font-size:\n      16px;\n  }\n\n  .bb-card {\n\n    padding:\n      27px 21px;\n  }\n\n}\n\n\n\/* =====================================================\n   ACCESSIBILITY\n   ===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .bb-premium *,\n  .bb-premium::before,\n  .bb-premium::after {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"bb-premium\"\u003e\n\n  \u003cdiv class=\"bb-container\"\u003e\n\n\n    \u003c!-- ================= HERO ================= --\u003e\n\n    \u003cdiv class=\"bb-hero\"\u003e\n\n      \u003cdiv class=\"bb-eyebrow\"\u003e\n        Baby Blossom™\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n\n        Carry More.\n        \u003cspan class=\"bb-gradient-text\"\u003e\n          Worry Less.\n        \u003c\/span\u003e\n\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n\n        Meet the Baby Blossom™ Comfort Hip Seat Carrier —\n        thoughtfully designed to make carrying your little one\n        more comfortable, convenient and effortless.\n\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ================= FEATURES ================= --\u003e\n\n    \u003cdiv class=\"bb-features\"\u003e\n\n\n      \u003cdiv class=\"bb-card\"\u003e\n\n        \u003cdiv class=\"bb-icon\"\u003e\n          🌿\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Ergonomic Hip Seat\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps redistribute your baby's weight to make\n          carrying more comfortable for you.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bb-card\"\u003e\n\n        \u003cdiv class=\"bb-icon\"\u003e\n          🤲\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Freedom to Move\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to help keep your little one close\n          while you get on with your day.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bb-card\"\u003e\n\n        \u003cdiv class=\"bb-icon\"\u003e\n          🌬️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Soft \u0026amp; Breathable\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Gentle-feeling fabric designed for comfortable\n          everyday carrying.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bb-card\"\u003e\n\n        \u003cdiv class=\"bb-icon\"\u003e\n          ⚖️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Grows With Baby\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to support little ones from approximately\n          3–20 kg.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ================= HOW IT WORKS ================= --\u003e\n\n    \u003cdiv class=\"bb-how\"\u003e\n\n\n      \u003cdiv class=\"bb-how-title\"\u003e\n\n        \u003cspan\u003e\n          Simple. Comfortable. Everyday.\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          How It Works\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"bb-steps\"\u003e\n\n\n        \u003cdiv class=\"bb-step\"\u003e\n\n          \u003cdiv class=\"bb-number\"\u003e\n            1\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Fasten\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Secure the adjustable waist belt comfortably\n            around your waist.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"bb-step\"\u003e\n\n          \u003cdiv class=\"bb-number\"\u003e\n            2\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Position\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Position the ergonomic hip seat and place\n            your baby securely onto the seat.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"bb-step\"\u003e\n\n          \u003cdiv class=\"bb-number\"\u003e\n            3\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Enjoy\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Keep your little one close while moving\n            through your day with greater comfort.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ================= FINAL MESSAGE ================= --\u003e\n\n    \u003cdiv class=\"bb-cta\"\u003e\n\n      \u003ch2\u003e\n\n        Because every carry\n        \u003cspan class=\"bb-gradient-text\"\u003e\n          should feel effortless.\n        \u003c\/span\u003e\n\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        Keep your little one close. Keep your hands free.\n        Make everyday moments a little easier.\n\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"bb-trust\"\u003e\n\n        Made for everyday moments with your little one ♡\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n```\n","brand":"Baby Blossom","offers":[{"title":"Black","offer_id":46799386378437,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true},{"title":"Navy","offer_id":46799386411205,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige","offer_id":46799386443973,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":46799386476741,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true},{"title":"maroon","offer_id":46799386509509,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":46799386542277,"sku":null,"price":550.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0801\/4698\/9253\/files\/baby-blossom-lifestyle.png?v=1786993658","url":"https:\/\/babyblossom.co.za\/products\/baby-blossom%e2%84%a2-waist-carrier","provider":"Baby Blossom","version":"1.0","type":"link"}