{"product_id":"love-at-first-beat™-personalised-ultrasound-frame","title":"Love at First Beat™ Personalised Ultrasound Frame","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700\u0026family=Playfair+Display:ital,wght@0,600;1,500\u0026family=Allura\u0026display=swap');\n\n.bb-sonogram {\n  --ink:#32282b;\n  --rose:#b96c7d;\n  --deep:#8d4558;\n  --blush:#faeff1;\n  --cream:#fffaf7;\n  --gold:#c99d64;\n  --muted:#74666a;\n  --shadow:0 25px 70px rgba(94,52,62,.14);\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n  background:var(--cream);\n  color:var(--ink);\n  font-family:'DM Sans',Arial,sans-serif;\n  line-height:1.65;\n}\n\n.bb-sonogram * {\n  box-sizing:border-box;\n}\n\n.bb-sonogram-wrap {\n  width:min(1160px,calc(100% - 36px));\n  margin:auto;\n}\n\n.bb-sonogram:before,\n.bb-sonogram:after {\n  content:\"\";\n  position:absolute;\n  z-index:-1;\n  border-radius:50%;\n  filter:blur(5px);\n  opacity:.8;\n}\n\n.bb-sonogram:before {\n  width:430px;\n  height:430px;\n  right:-190px;\n  top:300px;\n  background:radial-gradient(circle,#f3dfe4 0,transparent 70%);\n}\n\n.bb-sonogram:after {\n  width:360px;\n  height:360px;\n  left:-180px;\n  bottom:380px;\n  background:radial-gradient(circle,#f7e7d5 0,transparent 70%);\n}\n\n\/* HERO *\/\n\n.bb-sonogram-hero {\n  min-height:700px;\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:70px;\n  align-items:center;\n  padding:90px 0;\n}\n\n.bb-sonogram-kicker {\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  color:var(--deep);\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  animation:bbSonogramRise .7s both;\n}\n\n.bb-sonogram-kicker:before {\n  content:\"\";\n  width:38px;\n  height:1px;\n  background:var(--gold);\n}\n\n.bb-sonogram-title {\n  margin:20px 0 26px;\n  color:var(--ink);\n  font:600 clamp(48px,6.6vw,86px)\/.98 'Playfair Display',Georgia,serif;\n  letter-spacing:-.045em;\n  animation:bbSonogramRise .8s .08s both;\n}\n\n.bb-sonogram-title em {\n  display:block;\n  color:var(--rose);\n  font-weight:500;\n}\n\n.bb-sonogram-lead {\n  max-width:650px;\n  margin:0 0 34px;\n  color:var(--muted);\n  font-size:18px;\n  animation:bbSonogramRise .8s .16s both;\n}\n\n.bb-sonogram-pills {\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  animation:bbSonogramRise .8s .24s both;\n}\n\n.bb-sonogram-pill {\n  padding:9px 14px;\n  background:#fff;\n  border:1px solid #eadcdf;\n  border-radius:999px;\n  box-shadow:0 5px 20px rgba(94,52,62,.05);\n  font-size:13px;\n  font-weight:600;\n}\n\n\/* ANIMATED ACRYLIC FRAME *\/\n\n.bb-frame-area {\n  position:relative;\n  display:grid;\n  place-items:center;\n  min-height:530px;\n  animation:bbSonogramFade 1s .2s both;\n}\n\n.bb-frame-orbit {\n  position:absolute;\n  width:470px;\n  height:470px;\n  border:1px solid rgba(185,108,125,.22);\n  border-radius:50%;\n  animation:bbSonogramSpin 25s linear infinite;\n}\n\n.bb-frame-orbit:before,\n.bb-frame-orbit:after {\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  box-shadow:0 10px 30px rgba(94,52,62,.12);\n}\n\n.bb-frame-orbit:before {\n  width:45px;\n  height:45px;\n  top:40px;\n  right:58px;\n  background:#fff;\n}\n\n.bb-frame-orbit:after {\n  width:18px;\n  height:18px;\n  bottom:94px;\n  left:30px;\n  background:var(--gold);\n}\n\n.bb-acrylic-frame {\n  position:relative;\n  width:330px;\n  height:430px;\n  padding:25px;\n  overflow:hidden;\n  border:2px solid rgba(255,255,255,.95);\n  border-radius:18px;\n  background:linear-gradient(\n    135deg,\n    rgba(255,255,255,.86),\n    rgba(255,255,255,.25)\n  );\n  box-shadow:\n    inset 1px 1px 0 rgba(255,255,255,.95),\n    0 35px 75px rgba(94,52,62,.18);\n  backdrop-filter:blur(8px);\n  animation:bbSonogramFloat 4.5s ease-in-out infinite;\n}\n\n.bb-acrylic-frame:before {\n  content:\"\";\n  position:absolute;\n  z-index:3;\n  top:-100%;\n  left:-70%;\n  width:70%;\n  height:300%;\n  pointer-events:none;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.55),\n    transparent\n  );\n  transform:rotate(25deg);\n  animation:bbSonogramShine 5s ease-in-out infinite;\n}\n\n\/* NEW SONOGRAM PHOTO *\/\n\n.bb-sonogram-photo {\n  position:relative;\n  height:250px;\n  overflow:hidden;\n  border-radius:11px;\n  background-image:url('https:\/\/cdn.shopify.com\/s\/files\/1\/0739\/3076\/8419\/files\/blog_Oct_24_2017_pregnancy-ultrasound-scary.jpg?v=1788617329');\n  background-position:center;\n  background-repeat:no-repeat;\n  background-size:cover;\n  box-shadow:\n    inset 0 0 20px rgba(0,0,0,.18),\n    0 8px 20px rgba(94,52,62,.1);\n}\n\n.bb-sonogram-photo:before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(\n    180deg,\n    transparent 60%,\n    rgba(0,0,0,.42) 100%\n  );\n}\n\n.bb-sonogram-photo:after {\n  content:\"Our first glimpse\";\n  position:absolute;\n  right:0;\n  bottom:10px;\n  left:0;\n  color:#fff;\n  font-size:10px;\n  font-weight:600;\n  letter-spacing:.18em;\n  text-align:center;\n  text-shadow:0 1px 5px rgba(0,0,0,.8);\n  text-transform:uppercase;\n}\n\n.bb-baby-name {\n  position:relative;\n  z-index:2;\n  margin-top:10px;\n  color:var(--deep);\n  font:400 46px\/1 'Allura',cursive;\n  text-align:center;\n}\n\n.bb-frame-heart {\n  display:block;\n  margin:-3px auto 1px;\n  color:var(--rose);\n  font-size:19px;\n  text-align:center;\n  animation:bbSonogramBeat 1.5s ease-in-out infinite;\n}\n\n.bb-frame-phrase {\n  color:var(--ink);\n  font:600 18px 'Playfair Display',Georgia,serif;\n  letter-spacing:.02em;\n  text-align:center;\n}\n\n.bb-frame-brand {\n  margin-top:5px;\n  color:var(--muted);\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.23em;\n  text-align:center;\n  text-transform:uppercase;\n}\n\n.bb-frame-base {\n  position:absolute;\n  bottom:27px;\n  width:240px;\n  height:23px;\n  border-radius:50%;\n  background:rgba(108,70,78,.22);\n  filter:blur(8px);\n}\n\n\/* FEATURES *\/\n\n.bb-sonogram-section {\n  padding:94px 0;\n}\n\n.bb-sonogram-soft {\n  background:linear-gradient(180deg,#f9ebee,#fff8f5);\n}\n\n.bb-sonogram-eyebrow {\n  margin-bottom:12px;\n  color:var(--deep);\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.2em;\n  text-align:center;\n  text-transform:uppercase;\n}\n\n.bb-sonogram-heading {\n  max-width:780px;\n  margin:0 auto 18px;\n  color:var(--ink);\n  font:600 clamp(34px,4.5vw,54px)\/1.08 'Playfair Display',Georgia,serif;\n  letter-spacing:-.025em;\n  text-align:center;\n}\n\n.bb-sonogram-subtitle {\n  max-width:690px;\n  margin:0 auto 50px;\n  color:var(--muted);\n  font-size:16px;\n  text-align:center;\n}\n\n.bb-sonogram-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:20px;\n}\n\n.bb-sonogram-card {\n  padding:30px;\n  background:rgba(255,255,255,.85);\n  border:1px solid rgba(185,108,125,.15);\n  border-radius:26px;\n  box-shadow:0 15px 45px rgba(94,52,62,.06);\n  transition:transform .35s ease,box-shadow .35s ease;\n}\n\n.bb-sonogram-card:hover {\n  transform:translateY(-8px);\n  box-shadow:var(--shadow);\n}\n\n.bb-sonogram-icon {\n  width:49px;\n  height:49px;\n  display:grid;\n  place-items:center;\n  margin-bottom:22px;\n  background:var(--blush);\n  border-radius:16px;\n  color:var(--deep);\n  font-size:22px;\n}\n\n.bb-sonogram-card h3 {\n  margin:0 0 9px;\n  color:var(--ink);\n  font:600 23px 'Playfair Display',Georgia,serif;\n}\n\n.bb-sonogram-card p {\n  margin:0;\n  color:var(--muted);\n  font-size:14px;\n}\n\n\/* INCLUDED SECTION *\/\n\n.bb-included {\n  display:grid;\n  grid-template-columns:.9fr 1.1fr;\n  gap:55px;\n  align-items:center;\n  max-width:930px;\n  margin:55px auto 0;\n  padding:42px;\n  background:#fff;\n  border:1px solid #ecdde0;\n  border-radius:32px;\n  box-shadow:var(--shadow);\n}\n\n.bb-included-symbol {\n  position:relative;\n  display:grid;\n  place-items:center;\n  width:230px;\n  height:230px;\n  margin:auto;\n  background:linear-gradient(145deg,#fff,#f5e7ea);\n  border:1px solid #ead8dc;\n  border-radius:50%;\n  color:var(--rose);\n  font-size:55px;\n}\n\n.bb-included-symbol:before {\n  content:\"\";\n  position:absolute;\n  width:180px;\n  height:180px;\n  border:1px dashed rgba(185,108,125,.35);\n  border-radius:50%;\n  animation:bbSonogramSpin 18s linear infinite;\n}\n\n.bb-included-content h3 {\n  margin:0 0 18px;\n  color:var(--ink);\n  font:600 34px 'Playfair Display',Georgia,serif;\n}\n\n.bb-included-list {\n  margin:0;\n  padding:0;\n  list-style:none;\n}\n\n.bb-included-list li {\n  position:relative;\n  margin:13px 0;\n  padding-left:32px;\n  color:var(--muted);\n  font-size:15px;\n}\n\n.bb-included-list li:before {\n  content:\"✓\";\n  position:absolute;\n  top:0;\n  left:0;\n  display:grid;\n  place-items:center;\n  width:21px;\n  height:21px;\n  background:var(--blush);\n  border-radius:50%;\n  color:var(--deep);\n  font-size:12px;\n  font-weight:700;\n}\n\n\/* CLOSING MESSAGE *\/\n\n.bb-sonogram-quote {\n  max-width:880px;\n  margin:80px auto 0;\n  padding:50px;\n  background:#fff;\n  border:1px solid #ecdde0;\n  border-radius:34px;\n  box-shadow:var(--shadow);\n  text-align:center;\n}\n\n.bb-quote-heart {\n  display:inline-block;\n  color:var(--rose);\n  font-size:30px;\n  animation:bbSonogramBeat 1.5s ease-in-out infinite;\n}\n\n.bb-sonogram-quote p {\n  margin:15px 0 0;\n  color:var(--ink);\n  font:500 clamp(27px,4vw,43px)\/1.25 'Playfair Display',Georgia,serif;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes bbSonogramRise {\n  from {\n    opacity:0;\n    transform:translateY(22px);\n  }\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes bbSonogramFade {\n  from {\n    opacity:0;\n    transform:scale(.96);\n  }\n  to {\n    opacity:1;\n    transform:scale(1);\n  }\n}\n\n@keyframes bbSonogramFloat {\n  0%,100% {\n    transform:rotate(2deg) translateY(0);\n  }\n  50% {\n    transform:rotate(-2deg) translateY(-15px);\n  }\n}\n\n@keyframes bbSonogramBeat {\n  0%,100% {\n    transform:scale(1);\n  }\n  15% {\n    transform:scale(1.22);\n  }\n  30% {\n    transform:scale(1);\n  }\n  45% {\n    transform:scale(1.13);\n  }\n}\n\n@keyframes bbSonogramSpin {\n  to {\n    transform:rotate(360deg);\n  }\n}\n\n@keyframes bbSonogramShine {\n  0%,35% {\n    left:-90%;\n  }\n  65%,100% {\n    left:130%;\n  }\n}\n\n\/* TABLET *\/\n\n@media(max-width:850px) {\n  .bb-sonogram-hero {\n    grid-template-columns:1fr;\n    gap:25px;\n    padding:70px 0 45px;\n    text-align:center;\n  }\n\n  .bb-sonogram-kicker {\n    justify-content:center;\n  }\n\n  .bb-sonogram-lead {\n    margin-right:auto;\n    margin-left:auto;\n  }\n\n  .bb-sonogram-pills {\n    justify-content:center;\n  }\n\n  .bb-frame-area {\n    min-height:480px;\n  }\n\n  .bb-frame-orbit {\n    width:400px;\n    height:400px;\n  }\n\n  .bb-sonogram-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .bb-included {\n    grid-template-columns:1fr;\n    text-align:center;\n  }\n\n  .bb-included-list {\n    display:inline-block;\n    text-align:left;\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:570px) {\n  .bb-sonogram-wrap {\n    width:min(100% - 26px,1160px);\n  }\n\n  .bb-sonogram-title {\n    font-size:47px;\n  }\n\n  .bb-sonogram-lead {\n    font-size:16px;\n  }\n\n  .bb-frame-area {\n    min-height:410px;\n    transform:scale(.84);\n  }\n\n  .bb-sonogram-grid {\n    grid-template-columns:1fr;\n  }\n\n  .bb-sonogram-section {\n    padding:70px 0;\n  }\n\n  .bb-included {\n    padding:30px 20px;\n  }\n\n  .bb-included-symbol {\n    width:190px;\n    height:190px;\n  }\n\n  .bb-included-symbol:before {\n    width:150px;\n    height:150px;\n  }\n\n  .bb-sonogram-quote {\n    padding:36px 22px;\n  }\n\n  .bb-sonogram-card:hover {\n    transform:none;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  .bb-sonogram * {\n    animation:none !important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"bb-sonogram\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"bb-sonogram-wrap bb-sonogram-hero\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"bb-sonogram-kicker\"\u003eA memory made to last forever\u003c\/div\u003e\n\u003ch2 class=\"bb-sonogram-title\"\u003eLove at \u003cem\u003eFirst Beat.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"bb-sonogram-lead\"\u003eYour baby’s very first photo deserves to be celebrated. The Bump \u0026amp; Bloom Personalised Acrylic Sonogram Frame transforms your ultrasound image into an elegant keepsake you will treasure forever.\u003c\/p\u003e\n\u003cdiv class=\"bb-sonogram-pills\"\u003e\n\u003cspan class=\"bb-sonogram-pill\"\u003e♡ Fully personalised\u003c\/span\u003e \u003cspan class=\"bb-sonogram-pill\"\u003e◇ Premium acrylic\u003c\/span\u003e \u003cspan class=\"bb-sonogram-pill\"\u003e♢ Made to treasure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ANIMATED FRAME WITH NEW SONOGRAM --\u003e\n\u003cdiv class=\"bb-frame-area\"\u003e\n\u003cdiv class=\"bb-frame-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bb-frame-base\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bb-acrylic-frame\"\u003e\n\u003cdiv class=\"bb-sonogram-photo\" role=\"img\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bb-baby-name\"\u003eOlivia\u003c\/div\u003e\n\u003cspan class=\"bb-frame-heart\"\u003e♥\u003c\/span\u003e\n\u003cdiv class=\"bb-frame-phrase\"\u003eLove at First Beat\u003c\/div\u003e\n\u003cdiv class=\"bb-frame-brand\"\u003eBump \u0026amp; Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"bb-sonogram-section bb-sonogram-soft\"\u003e\n\u003cdiv class=\"bb-sonogram-wrap\"\u003e\n\u003cdiv class=\"bb-sonogram-eyebrow\"\u003eWhy moms love it\u003c\/div\u003e\n\u003ch2 class=\"bb-sonogram-heading\"\u003eA beautiful beginning, captured forever\u003c\/h2\u003e\n\u003cp class=\"bb-sonogram-subtitle\"\u003eA timeless way to celebrate the moment you first saw the little person who changed your world.\u003c\/p\u003e\n\u003cdiv class=\"bb-sonogram-grid\"\u003e\n\u003carticle class=\"bb-sonogram-card\"\u003e\n\u003cdiv class=\"bb-sonogram-icon\"\u003e✎\u003c\/div\u003e\n\u003ch3\u003eFully Personalised\u003c\/h3\u003e\n\u003cp\u003eYour baby’s name is displayed in an elegant cursive script for a keepsake made especially for your family.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bb-sonogram-card\"\u003e\n\u003cdiv class=\"bb-sonogram-icon\"\u003e◇\u003c\/div\u003e\n\u003ch3\u003ePremium Clear Acrylic\u003c\/h3\u003e\n\u003cp\u003eSleek, modern acrylic gives your sonogram a luxurious, floating appearance that complements any room.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bb-sonogram-card\"\u003e\n\u003cdiv class=\"bb-sonogram-icon\"\u003e♡\u003c\/div\u003e\n\u003ch3\u003eMeaningful Keepsake\u003c\/h3\u003e\n\u003cp\u003ePreserve one of your pregnancy journey’s most precious memories in a design created to last.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bb-sonogram-card\"\u003e\n\u003cdiv class=\"bb-sonogram-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eThe Perfect Gift\u003c\/h3\u003e\n\u003cp\u003eA thoughtful choice for baby showers, gender reveals, pregnancy announcements and new moms.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bb-sonogram-card\"\u003e\n\u003cdiv class=\"bb-sonogram-icon\"\u003e⌂\u003c\/div\u003e\n\u003ch3\u003eFreestanding Design\u003c\/h3\u003e\n\u003cp\u003eDisplays beautifully on a bedside table, nursery shelf, desk or any special surface in your home.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bb-sonogram-card\"\u003e\n\u003cdiv class=\"bb-sonogram-icon\"\u003e♥\u003c\/div\u003e\n\u003ch3\u003eMade With Love\u003c\/h3\u003e\n\u003cp\u003eFinished with a delicate heart and the words “Love at First Beat” for an extra meaningful touch.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT IS INCLUDED --\u003e\n\u003csection class=\"bb-sonogram-section\"\u003e\n\u003cdiv class=\"bb-sonogram-wrap\"\u003e\n\u003cdiv class=\"bb-sonogram-eyebrow\"\u003eYour personalised keepsake\u003c\/div\u003e\n\u003ch2 class=\"bb-sonogram-heading\"\u003eWhat’s included\u003c\/h2\u003e\n\u003cdiv class=\"bb-included\"\u003e\n\u003cdiv class=\"bb-included-symbol\"\u003e♡\u003c\/div\u003e\n\u003cdiv class=\"bb-included-content\"\u003e\n\u003ch3\u003eCreated especially for you\u003c\/h3\u003e\n\u003cul class=\"bb-included-list\"\u003e\n\u003cli\u003e1 × clear acrylic sonogram frame\u003c\/li\u003e\n\u003cli\u003eYour selected ultrasound image\u003c\/li\u003e\n\u003cli\u003eYour baby’s name in cursive script\u003c\/li\u003e\n\u003cli\u003eDelicate engraved heart detail\u003c\/li\u003e\n\u003cli\u003e“Love at First Beat” wording\u003c\/li\u003e\n\u003cli\u003eFreestanding display design\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-sonogram-quote\"\u003e\n\u003cspan class=\"bb-quote-heart\"\u003e♥\u003c\/span\u003e\n\u003cp\u003eCapture the heartbeat that changed your life forever.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Bump and Bloom","offers":[{"title":"Default Title","offer_id":43867052277795,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0739\/3076\/8419\/files\/ChatGPTImageSep27_2026_08_46_05AM.png?v=1790491613","url":"https:\/\/bumpandbloom.co.za\/products\/love-at-first-beat%e2%84%a2-personalised-ultrasound-frame","provider":"Bump and Bloom","version":"1.0","type":"link"}