{"product_id":"babaessentials™-the-nest-nappy-caddy","title":"BaBaessentials™ The Nest Nappy Caddy","description":"\u003c!-- ================================\n     BaBaessentials™ | The Nest Caddy\n     Premium Product Sales Section\n================================ --\u003e\n\u003csection class=\"baba-nest-product\"\u003e\n\u003cdiv class=\"baba-container\"\u003e\n\u003c!-- TOP BADGE --\u003e\n\u003cdiv class=\"baba-badge\"\u003e\n\u003cspan class=\"baba-badge-dot\"\u003e\u003c\/span\u003e Everyday Baby Organisation\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"baba-hero\"\u003e\n\u003cdiv class=\"baba-hero-content\"\u003e\n\u003cp class=\"baba-eyebrow\"\u003eBaBaessentials™\u003c\/p\u003e\n\u003ch1\u003eA little less clutter.\u003cbr\u003e\u003cspan\u003eA little more calm.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"baba-intro\"\u003eMeet \u003cstrong\u003eThe Nest Nappy Caddy\u003c\/strong\u003e — a beautifully simple way to keep your baby's everyday changing essentials together, organised and ready when you need them.\u003c\/p\u003e\n\u003cdiv class=\"baba-hero-actions\"\u003e\n\u003ca href=\"#baba-buy\" class=\"baba-primary-btn\"\u003e Get The Nest Caddy \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca href=\"#baba-details\" class=\"baba-secondary-btn\"\u003e Explore details \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT VISUAL --\u003e\n\u003cdiv class=\"baba-product-card\"\u003e\n\u003cdiv class=\"baba-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"baba-caddy-placeholder\"\u003e\n\u003cdiv class=\"caddy-icon\"\u003e🤍\u003c\/div\u003e\n\u003cdiv class=\"caddy-title\"\u003eTHE NEST\u003c\/div\u003e\n\u003cdiv class=\"caddy-subtitle\"\u003eNappy Caddy\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-floating-tag\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e Made for everyday moments\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"baba-benefits\"\u003e\n\u003cdiv class=\"baba-benefit reveal\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🍼\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eEverything together\u003c\/h3\u003e\n\u003cp\u003eKeep nappies, wipes, spare clothes and care essentials organised in one dedicated place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-benefit reveal\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eEasy to reach\u003c\/h3\u003e\n\u003cp\u003eThe open design makes it easy to see what you've packed without digging through a bag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-benefit reveal\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🤎\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCarry it anywhere\u003c\/h3\u003e\n\u003cp\u003eTwo sturdy handles make it simple to move your essentials between rooms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STORY \/ SALES SECTION --\u003e\n\u003cdiv class=\"baba-story\" id=\"baba-details\"\u003e\n\u003cdiv class=\"baba-story-left\"\u003e\n\u003cp class=\"baba-small-title\"\u003eDESIGNED FOR REAL LIFE\u003c\/p\u003e\n\u003ch2\u003eKeep the essentials \u003cspan\u003ewhere you need them.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-story-right\"\u003e\n\u003cp\u003eBaby essentials have a way of finding themselves everywhere. The Nest Nappy Caddy gives them one dedicated home.\u003c\/p\u003e\n\u003cp\u003eUse it beside the changing area, in the nursery, in the living room or wherever you spend time with your little one.\u003c\/p\u003e\n\u003cp\u003eIts soft beige felt finish and contrasting brown handles create a neutral look that fits naturally into your home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE GRID --\u003e\n\u003cdiv class=\"baba-feature-section\"\u003e\n\u003cdiv class=\"baba-section-heading\"\u003e\n\u003cp class=\"baba-small-title\"\u003eTHE DETAILS\u003c\/p\u003e\n\u003ch2\u003eSimple by design.\u003cbr\u003e\u003cspan\u003eUseful every day.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-feature-grid\"\u003e\n\u003cdiv class=\"baba-feature reveal\"\u003e\n\u003cspan class=\"feature-number\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"feature-symbol\"\u003e▦\u003c\/div\u003e\n\u003ch3\u003eOrganised interior\u003c\/h3\u003e\n\u003cp\u003eInterior dividers help separate your baby's everyday essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-feature reveal\"\u003e\n\u003cspan class=\"feature-number\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"feature-symbol\"\u003e⌂\u003c\/div\u003e\n\u003ch3\u003eRoom to organise\u003c\/h3\u003e\n\u003cp\u003eA roomy main compartment keeps frequently used items together.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-feature reveal\"\u003e\n\u003cspan class=\"feature-number\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"feature-symbol\"\u003e＋\u003c\/div\u003e\n\u003ch3\u003eExtra pockets\u003c\/h3\u003e\n\u003cp\u003eOuter pockets keep smaller items within easy reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"baba-feature reveal\"\u003e\n\u003cspan class=\"feature-number\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"feature-symbol\"\u003e↗\u003c\/div\u003e\n\u003ch3\u003eEasy to move\u003c\/h3\u003e\n\u003cp\u003eCarry the caddy between rooms using its two handles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DIMENSIONS --\u003e\n\u003cdiv class=\"baba-dimensions\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"baba-small-title\"\u003eSIZE\u003c\/p\u003e\n\u003ch2\u003eFits beautifully\u003cbr\u003einto your routine.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dimension-box\"\u003e\n\u003cdiv class=\"dimension\"\u003e\n\u003cstrong\u003e38\u003c\/strong\u003e \u003cspan\u003ecm wide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dimension-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dimension\"\u003e\n\u003cstrong\u003e25\u003c\/strong\u003e \u003cspan\u003ecm deep\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dimension-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dimension\"\u003e\n\u003cstrong\u003e18\u003c\/strong\u003e \u003cspan\u003ecm high\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- USE CASES --\u003e\n\u003cdiv class=\"baba-use-section\"\u003e\n\u003cp class=\"baba-small-title\"\u003eMADE FOR YOUR DAY\u003c\/p\u003e\n\u003ch2\u003eOne caddy.\u003cbr\u003e\u003cspan\u003eLess searching.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"baba-use-grid\"\u003e\n\u003cdiv class=\"use-card reveal\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eChanging time\u003c\/h3\u003e\n\u003cp\u003eKeep nappies, wipes and care essentials close to the changing area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card reveal\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eRoom to room\u003c\/h3\u003e\n\u003cp\u003eMove your baby's essentials with you throughout the day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card reveal\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eBaby shower gift\u003c\/h3\u003e\n\u003cp\u003eA practical and beautiful addition to an expectant parent's routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT CTA --\u003e\n\u003cdiv class=\"baba-final-cta\" id=\"baba-buy\"\u003e\n\u003cdiv class=\"cta-content\"\u003e\n\u003cp class=\"baba-eyebrow\"\u003eBaBaessentials™\u003c\/p\u003e\n\u003ch2\u003eMake baby organisation\u003cbr\u003e\u003cspan\u003ea little easier.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eGive your everyday essentials one beautiful place to call home.\u003c\/p\u003e\n\u003ca href=\"#AddToCart\" class=\"baba-cta-button\"\u003e Add The Nest Caddy to Cart \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"baba-mini-trust\"\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Designed for everyday baby essentials \u003cspan\u003e•\u003c\/span\u003e \u003cspan\u003e✓\u003c\/span\u003e Neutral premium design\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"baba-faq\"\u003e\n\u003cdiv class=\"baba-section-heading\"\u003e\n\u003cp class=\"baba-small-title\"\u003eGOOD TO KNOW\u003c\/p\u003e\n\u003ch2\u003eProduct details\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e What's included? \u003cspan\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eThe Nest Nappy Caddy only. Baby products and accessories shown in product photography are for illustration purposes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e What are the dimensions? \u003cspan\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eApproximately 38 cm wide × 25 cm deep × 18 cm high, excluding the handles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e What can I store inside? \u003cspan\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eIt is designed for everyday baby-care essentials such as nappies, wipes, spare clothing and other changing supplies.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DISCLAIMER --\u003e\n\u003cdiv class=\"baba-disclaimer\"\u003eCaddy only. Contents shown in photos are for illustration purposes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =================================\n   BASE\n================================= *\/\n\n.baba-nest-product {\n  --brown: #5b3b29;\n  --brown-dark: #3f281d;\n  --cream: #f8f4ed;\n  --cream-light: #fdfbf7;\n  --beige: #e8dfd4;\n  --text: #302821;\n  --muted: #776d64;\n  --border: rgba(91,59,41,.12);\n\n  width: 100%;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 90% 5%, rgba(216,198,178,.22), transparent 30%),\n    var(--cream-light);\n\n  color: var(--text);\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n\n  box-sizing: border-box;\n}\n\n.baba-nest-product *,\n.baba-nest-product *::before,\n.baba-nest-product *::after {\n  box-sizing: border-box;\n}\n\n.baba-container {\n  width: min(1180px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n\n\/* =================================\n   TYPOGRAPHY\n================================= *\/\n\n.baba-eyebrow {\n  margin: 0 0 16px;\n  font-size: 12px;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  font-weight: 700;\n  color: var(--brown);\n}\n\n.baba-small-title {\n  margin: 0 0 15px;\n  font-size: 11px;\n  letter-spacing: .2em;\n  font-weight: 700;\n  color: #8d7b6c;\n  text-transform: uppercase;\n}\n\n\n\/* =================================\n   BADGE\n================================= *\/\n\n.baba-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-top: 25px;\n  padding: 9px 15px;\n\n  border: 1px solid var(--border);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.6);\n\n  font-size: 12px;\n  color: #695b50;\n\n  animation: fadeDown .7s ease both;\n}\n\n.baba-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #9b7b61;\n}\n\n\n\/* =================================\n   HERO\n================================= *\/\n\n.baba-hero {\n  min-height: 570px;\n\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 70px;\n\n  padding: 65px 0 80px;\n}\n\n.baba-hero-content {\n  animation: fadeUp .8s ease both;\n}\n\n.baba-hero h1 {\n  margin: 0;\n\n  max-width: 600px;\n\n  font-size: clamp(42px, 5vw, 72px);\n  line-height: .98;\n  letter-spacing: -.045em;\n  font-weight: 650;\n}\n\n.baba-hero h1 span,\n.baba-story h2 span,\n.baba-section-heading h2 span,\n.baba-use-section h2 span,\n.baba-final-cta h2 span {\n  color: #9b7659;\n}\n\n.baba-intro {\n  max-width: 570px;\n\n  margin: 27px 0 32px;\n\n  font-size: 17px;\n  line-height: 1.8;\n  color: var(--muted);\n}\n\n.baba-hero-actions {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n\n\/* =================================\n   BUTTONS\n================================= *\/\n\n.baba-primary-btn,\n.baba-cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n\n  min-height: 56px;\n  padding: 0 25px;\n\n  border-radius: 999px;\n\n  background: var(--brown);\n  color: white;\n\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 700;\n\n  box-shadow: 0 12px 30px rgba(91,59,41,.18);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    background .3s ease;\n}\n\n.baba-primary-btn:hover,\n.baba-cta-button:hover {\n  transform: translateY(-3px);\n  background: var(--brown-dark);\n  box-shadow: 0 18px 35px rgba(91,59,41,.25);\n}\n\n.baba-primary-btn span,\n.baba-cta-button span {\n  font-size: 20px;\n  transition: transform .3s ease;\n}\n\n.baba-primary-btn:hover span,\n.baba-cta-button:hover span {\n  transform: translateX(5px);\n}\n\n.baba-secondary-btn {\n  color: var(--brown);\n  text-decoration: none;\n\n  font-size: 14px;\n  font-weight: 700;\n\n  padding: 16px 8px;\n}\n\n\n\/* =================================\n   PRODUCT VISUAL\n================================= *\/\n\n.baba-product-card {\n  position: relative;\n\n  min-height: 440px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 35px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #eee7dd,\n      #dcd0c2\n    );\n\n  box-shadow:\n    0 30px 80px rgba(70,50,35,.12);\n\n  overflow: hidden;\n\n  animation: productFloat 6s ease-in-out infinite;\n}\n\n.baba-product-card::before {\n  content: \"\";\n\n  position: absolute;\n  width: 300px;\n  height: 300px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.5);\n\n  filter: blur(5px);\n}\n\n.baba-glow {\n  position: absolute;\n\n  width: 240px;\n  height: 240px;\n\n  border-radius: 50%;\n\n  background: rgba(255,255,255,.4);\n\n  filter: blur(30px);\n}\n\n.baba-caddy-placeholder {\n  position: relative;\n  z-index: 2;\n\n  width: 250px;\n  height: 190px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #cbb9a7,\n      #a9917b\n    );\n\n  color: white;\n\n  box-shadow:\n    0 25px 45px rgba(64,43,28,.25);\n\n  transform: perspective(800px) rotateY(-8deg);\n\n  animation: caddyAppear 1s ease both;\n}\n\n.caddy-icon {\n  font-size: 36px;\n  margin-bottom: 8px;\n}\n\n.caddy-title {\n  font-size: 19px;\n  letter-spacing: .18em;\n  font-weight: 800;\n}\n\n.caddy-subtitle {\n  margin-top: 5px;\n  font-size: 11px;\n  letter-spacing: .16em;\n  opacity: .85;\n}\n\n.baba-floating-tag {\n  position: absolute;\n  z-index: 5;\n\n  right: 25px;\n  bottom: 25px;\n\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 12px 15px;\n\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.82);\n  backdrop-filter: blur(10px);\n\n  font-size: 11px;\n  font-weight: 700;\n\n  box-shadow: 0 10px 30px rgba(0,0,0,.08);\n}\n\n.baba-floating-tag span {\n  color: #9b7659;\n}\n\n\n\/* =================================\n   BENEFITS\n================================= *\/\n\n.baba-benefits {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n\n  gap: 18px;\n\n  margin-bottom: 110px;\n}\n\n.baba-benefit {\n  display: flex;\n  gap: 17px;\n\n  padding: 27px;\n\n  background: rgba(255,255,255,.72);\n\n  border: 1px solid var(--border);\n  border-radius: 20px;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.baba-benefit:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(80,60,45,.08);\n}\n\n.benefit-icon {\n  flex: 0 0 42px;\n\n  width: 42px;\n  height: 42px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 13px;\n\n  background: #f1e9df;\n\n  font-size: 19px;\n}\n\n.baba-benefit h3 {\n  margin: 0 0 7px;\n  font-size: 15px;\n}\n\n.baba-benefit p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  line-height: 1.65;\n}\n\n\n\/* =================================\n   STORY\n================================= *\/\n\n.baba-story {\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n\n  gap: 90px;\n\n  padding: 80px 0;\n\n  border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n}\n\n.baba-story h2 {\n  margin: 0;\n\n  font-size: clamp(35px,4vw,52px);\n  line-height: 1.05;\n  letter-spacing: -.04em;\n}\n\n.baba-story-right {\n  padding-top: 8px;\n}\n\n.baba-story-right p {\n  margin: 0 0 20px;\n\n  color: var(--muted);\n\n  font-size: 16px;\n  line-height: 1.85;\n}\n\n\n\/* =================================\n   FEATURES\n================================= *\/\n\n.baba-feature-section {\n  padding: 110px 0;\n}\n\n.baba-section-heading h2 {\n  margin: 0;\n\n  font-size: clamp(38px,4vw,54px);\n  line-height: 1.05;\n  letter-spacing: -.04em;\n}\n\n.baba-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n\n  gap: 18px;\n\n  margin-top: 55px;\n}\n\n.baba-feature {\n  position: relative;\n\n  min-height: 260px;\n\n  padding: 27px;\n\n  background: white;\n\n  border: 1px solid var(--border);\n  border-radius: 22px;\n\n  overflow: hidden;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.baba-feature:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 20px 45px rgba(70,50,35,.08);\n}\n\n.feature-number {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n\n  font-size: 10px;\n  letter-spacing: .15em;\n\n  color: #aa998a;\n}\n\n.feature-symbol {\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 35px;\n\n  border-radius: 15px;\n\n  background: #f2ebe3;\n\n  color: var(--brown);\n\n  font-size: 20px;\n}\n\n.baba-feature h3 {\n  margin: 0 0 10px;\n\n  font-size: 17px;\n}\n\n.baba-feature p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n\n\/* =================================\n   DIMENSIONS\n================================= *\/\n\n.baba-dimensions {\n  display: grid;\n  grid-template-columns: .7fr 1.3fr;\n\n  gap: 70px;\n\n  align-items: center;\n\n  padding: 60px 0 110px;\n}\n\n.baba-dimensions h2 {\n  margin: 0;\n\n  font-size: clamp(32px,4vw,48px);\n  line-height: 1.08;\n  letter-spacing: -.04em;\n}\n\n.dimension-box {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr auto 1fr;\n\n  align-items: center;\n\n  padding: 40px;\n\n  background: var(--brown);\n\n  color: white;\n\n  border-radius: 25px;\n\n  box-shadow: 0 25px 55px rgba(91,59,41,.18);\n}\n\n.dimension {\n  text-align: center;\n}\n\n.dimension strong {\n  display: block;\n\n  font-size: 46px;\n  line-height: 1;\n\n  letter-spacing: -.04em;\n}\n\n.dimension span {\n  display: block;\n\n  margin-top: 8px;\n\n  font-size: 11px;\n  opacity: .7;\n}\n\n.dimension-line {\n  width: 1px;\n  height: 45px;\n\n  background: rgba(255,255,255,.25);\n}\n\n\n\/* =================================\n   USE CASES\n================================= *\/\n\n.baba-use-section {\n  padding: 110px 0;\n\n  border-top: 1px solid var(--border);\n}\n\n.baba-use-section \u003e h2 {\n  margin: 0;\n\n  font-size: clamp(38px,4vw,54px);\n  line-height: 1.05;\n  letter-spacing: -.04em;\n}\n\n.baba-use-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n\n  gap: 18px;\n\n  margin-top: 55px;\n}\n\n.use-card {\n  padding: 30px;\n\n  border-radius: 20px;\n\n  background: #eee6dc;\n\n  transition: transform .3s ease;\n}\n\n.use-card:hover {\n  transform: translateY(-6px);\n}\n\n.use-card \u003e span {\n  font-size: 11px;\n  color: #927862;\n  font-weight: 800;\n}\n\n.use-card h3 {\n  margin: 55px 0 10px;\n\n  font-size: 19px;\n}\n\n.use-card p {\n  margin: 0;\n\n  color: var(--muted);\n\n  line-height: 1.7;\n  font-size: 13px;\n}\n\n\n\/* =================================\n   FINAL CTA\n================================= *\/\n\n.baba-final-cta {\n  margin: 30px 0 100px;\n\n  padding: 85px 30px;\n\n  text-align: center;\n\n  border-radius: 30px;\n\n  background:\n    radial-gradient(circle at 50% 0%, #76533b, transparent 55%),\n    var(--brown-dark);\n\n  color: white;\n\n  overflow: hidden;\n}\n\n.cta-content {\n  max-width: 700px;\n  margin: auto;\n}\n\n.baba-final-cta .baba-eyebrow {\n  color: #d8c5b4;\n}\n\n.baba-final-cta h2 {\n  margin: 0;\n\n  font-size: clamp(38px,5vw,60px);\n\n  line-height: 1;\n\n  letter-spacing: -.045em;\n}\n\n.baba-final-cta h2 span {\n  color: #d7b99e;\n}\n\n.baba-final-cta p {\n  max-width: 520px;\n\n  margin: 22px auto 30px;\n\n  color: rgba(255,255,255,.7);\n\n  line-height: 1.7;\n}\n\n.baba-cta-button {\n  background: white;\n  color: var(--brown);\n}\n\n.baba-cta-button:hover {\n  background: #f6f1ea;\n}\n\n.baba-mini-trust {\n  margin-top: 22px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n\n  font-size: 11px;\n\n  color: rgba(255,255,255,.55);\n}\n\n\n\/* =================================\n   FAQ\n================================= *\/\n\n.baba-faq {\n  max-width: 850px;\n\n  margin: 0 auto 80px;\n}\n\n.faq-item {\n  border-bottom: 1px solid var(--border);\n}\n\n.faq-question {\n  width: 100%;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  padding: 23px 0;\n\n  background: none;\n  border: 0;\n\n  color: var(--text);\n\n  text-align: left;\n\n  font-size: 15px;\n  font-weight: 700;\n\n  cursor: pointer;\n}\n\n.faq-question span {\n  font-size: 22px;\n  font-weight: 300;\n\n  transition: transform .3s ease;\n}\n\n.faq-answer {\n  display: grid;\n\n  grid-template-rows: 0fr;\n\n  transition: grid-template-rows .35s ease;\n}\n\n.faq-answer p {\n  overflow: hidden;\n\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n.faq-item.active .faq-answer {\n  grid-template-rows: 1fr;\n}\n\n.faq-item.active .faq-question span {\n  transform: rotate(45deg);\n}\n\n\n\/* =================================\n   DISCLAIMER\n================================= *\/\n\n.baba-disclaimer {\n  padding: 25px 0 35px;\n\n  text-align: center;\n\n  color: #9b9189;\n\n  font-size: 11px;\n}\n\n\n\/* =================================\n   ANIMATIONS\n================================= *\/\n\n.reveal {\n  opacity: 0;\n  transform: translateY(25px);\n\n  transition:\n    opacity .7s ease,\n    transform .7s ease;\n}\n\n.reveal.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeDown {\n  from {\n    opacity: 0;\n    transform: translateY(-12px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes caddyAppear {\n  from {\n    opacity: 0;\n    transform:\n      perspective(800px)\n      rotateY(-15deg)\n      translateY(30px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      perspective(800px)\n      rotateY(-8deg)\n      translateY(0);\n  }\n}\n\n@keyframes productFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-7px);\n  }\n}\n\n\n\/* =================================\n   TABLET\n================================= *\/\n\n@media (max-width: 900px) {\n\n  .baba-hero {\n    grid-template-columns: 1fr;\n    gap: 45px;\n\n    padding-top: 50px;\n  }\n\n  .baba-hero-content {\n    text-align: center;\n  }\n\n  .baba-intro {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .baba-hero-actions {\n    justify-content: center;\n  }\n\n  .baba-product-card {\n    min-height: 380px;\n  }\n\n  .baba-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .baba-story {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .baba-feature-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .baba-dimensions {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .baba-use-grid {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =================================\n   MOBILE\n================================= *\/\n\n@media (max-width: 600px) {\n\n  .baba-container {\n    width: min(100% - 26px, 1180px);\n  }\n\n  .baba-badge {\n    margin-top: 15px;\n    font-size: 10px;\n  }\n\n  .baba-hero {\n    padding: 45px 0 55px;\n    min-height: auto;\n  }\n\n  .baba-hero h1 {\n    font-size: 42px;\n    line-height: 1;\n  }\n\n  .baba-intro {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .baba-hero-actions {\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .baba-primary-btn {\n    width: 100%;\n  }\n\n  .baba-secondary-btn {\n    padding: 8px;\n  }\n\n  .baba-product-card {\n    min-height: 300px;\n    border-radius: 25px;\n  }\n\n  .baba-caddy-placeholder {\n    width: 205px;\n    height: 155px;\n  }\n\n  .baba-floating-tag {\n    right: 12px;\n    bottom: 12px;\n    font-size: 9px;\n  }\n\n  .baba-benefits {\n    margin-bottom: 65px;\n  }\n\n  .baba-benefit {\n    padding: 20px;\n  }\n\n  .baba-story {\n    padding: 65px 0;\n  }\n\n  .baba-story h2,\n  .baba-section-heading h2,\n  .baba-use-section \u003e h2 {\n    font-size: 38px;\n  }\n\n  .baba-feature-section {\n    padding: 70px 0;\n  }\n\n  .baba-feature-grid {\n    grid-template-columns: 1fr;\n    margin-top: 35px;\n  }\n\n  .baba-feature {\n    min-height: 220px;\n  }\n\n  .baba-dimensions {\n    padding: 35px 0 70px;\n  }\n\n  .dimension-box {\n    grid-template-columns: 1fr;\n    gap: 22px;\n    padding: 28px 20px;\n  }\n\n  .dimension-line {\n    width: 60px;\n    height: 1px;\n    margin: auto;\n  }\n\n  .dimension strong {\n    font-size: 42px;\n  }\n\n  .baba-use-section {\n    padding: 70px 0;\n  }\n\n  .baba-use-grid {\n    margin-top: 35px;\n  }\n\n  .use-card h3 {\n    margin-top: 35px;\n  }\n\n  .baba-final-cta {\n    margin: 10px 0 65px;\n    padding: 65px 20px;\n    border-radius: 23px;\n  }\n\n  .baba-final-cta h2 {\n    font-size: 39px;\n  }\n\n  .baba-cta-button {\n    width: 100%;\n    font-size: 13px;\n  }\n\n  .baba-mini-trust {\n    line-height: 1.7;\n  }\n\n}\n\n\n\/* =================================\n   REDUCE MOTION\n================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  *,\n  *::before,\n  *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":67612110684234,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0779\/9642\/5290\/files\/nappy-organiser-caddy-with-babaessentials-packaging.png?v=1791020265","url":"https:\/\/babaessentials.co.za\/products\/babaessentials%e2%84%a2-the-nest-nappy-caddy","provider":"BaBaessentials","version":"1.0","type":"link"}