{"product_id":"baby-head-protector","title":"Baby Head Protector","description":"\u003cstyle\u003e\n  .cubbie-ride {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 10px 18px 60px;\n    font-family: Arial, Helvetica, sans-serif;\n    color: #30352f;\n  }\n\n  .cubbie-ride * {\n    box-sizing: border-box;\n  }\n\n  .cubbie-ride img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .cubbie-intro {\n    max-width: 820px;\n    margin: 0 auto;\n    padding: 32px 15px;\n    text-align: center;\n  }\n\n  .cubbie-intro h2,\n  .cubbie-heading h2,\n  .cubbie-copy h2 {\n    margin: 0 0 16px;\n    color: #30352f;\n    font-size: 28px;\n    line-height: 1.14;\n    font-weight: 800;\n    letter-spacing: -0.6px;\n  }\n\n  .cubbie-intro p,\n  .cubbie-heading p,\n  .cubbie-copy p {\n    margin: 0;\n    color: #686b66;\n    font-size: 18px;\n    line-height: 1.65;\n  }\n\n  .cubbie-copy p + p {\n    margin-top: 18px;\n  }\n\n  .cubbie-section {\n    padding: 40px 0;\n  }\n\n  .cubbie-heading {\n    max-width: 780px;\n    margin: 0 auto 32px;\n    padding: 0 10px;\n    text-align: center;\n  }\n\n  .cubbie-ride \u003e .cubbie-media {\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  \/* seccao so com o GIF vertical (270x480): a caixa ocupava 1064px\n     de largura e deixava ~400px de bege vazio de cada lado *\/\n  .cubbie-section \u003e .cubbie-media {\n    max-width: 440px;\n    margin: 0 auto;\n  }\n\n  .cubbie-media {\n    width: 100%;\n    border-radius: 22px;\n    overflow: hidden;\n    background: #f0f3ed;\n    text-align: center;\n  }\n\n  .cubbie-media img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  \/* Os GIFs sao 270x480 no ficheiro - e o maximo que existe, a CDN da\n     Shopify nao amplia. Num ecra Retina sao esticados ~2x pelo browser e\n     e dai que vinha o desfocado. Nao da para inventar detalhe, mas uma\n     mascara de nitidez (convolucao 3x3) devolve definicao aos contornos.\n     color-interpolation-filters=sRGB e obrigatorio: sem isso o filtro\n     corre em linearRGB e lava as cores. *\/\n  .cubbie-media img[src*=\".gif\"] {\n    width: auto;\n    max-width: 100%;\n    max-height: 650px;\n    margin: 0 auto;\n    object-fit: contain;\n    image-rendering: auto;\n    border-radius: 16px;\n    filter: url(#cub-nitidez);\n  }\n\n  .cubbie-split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 42px;\n    align-items: center;\n  }\n\n  .cubbie-split.reverse .cubbie-media {\n    order: 2;\n  }\n\n  .cubbie-split.reverse .cubbie-copy {\n    order: 1;\n  }\n\n  .cubbie-copy {\n    width: 100%;\n    max-width: 500px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .cubbie-copy h2 {\n    max-width: 100%;\n    margin-bottom: 20px;\n    font-size: 26px;\n  }\n\n  .cubbie-copy p {\n    max-width: 100%;\n  }\n\n  .cubbie-highlight {\n    margin: 24px 0;\n    padding: 36px 28px;\n    background: #f0f3ed;\n    border-radius: 26px;\n    text-align: center;\n  }\n\n  .cubbie-highlight h2 {\n    margin: 0 0 14px;\n    color: #30352f;\n    font-size: 28px;\n    line-height: 1.15;\n  }\n\n  .cubbie-highlight \u003e p {\n    max-width: 760px;\n    margin: 0 auto;\n    color: #686b66;\n    font-size: 18px;\n    line-height: 1.65;\n  }\n\n  .cubbie-features {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 20px;\n    margin-top: 32px;\n    align-items: stretch;\n  }\n\n  .cubbie-feature {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    min-height: 245px;\n    padding: 30px 22px;\n    background: #ffffff;\n    border: 1px solid #d8ded5;\n    border-radius: 18px;\n    text-align: center;\n  }\n\n  .cubbie-feature h3 {\n    width: 100%;\n    min-height: 58px;\n    margin: 0 0 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #30352f;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    word-break: keep-all !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n  .cubbie-feature p {\n    width: 100%;\n    max-width: 260px;\n    margin: 0 auto;\n    color: #686b66;\n    font-size: 17px;\n    line-height: 1.55;\n\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n  .cubbie-colours {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-top: 30px;\n  }\n\n  .cubbie-colour {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #f0f3ed;\n    border: 1px solid #d8ded5;\n    border-radius: 18px;\n    aspect-ratio: 1 \/ 1;\n  }\n\n  .cubbie-colour img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .cubbie-specs {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n    max-width: 900px;\n    margin: 30px auto 0;\n  }\n\n  .cubbie-spec {\n    padding: 19px 20px;\n    background: #f0f3ed;\n    border: 1px solid #d8ded5;\n    border-radius: 14px;\n    color: #686b66;\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n  .cubbie-spec strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #30352f;\n  }\n\n  .cubbie-final {\n    padding: 65px 15px 10px;\n    text-align: center;\n  }\n\n  .cubbie-final h2 {\n    margin: 0 0 15px;\n    color: #30352f;\n    font-size: 30px;\n    line-height: 1.1;\n  }\n\n  .cubbie-final p {\n    max-width: 760px;\n    margin: 0 auto;\n    color: #686b66;\n    font-size: 18px;\n    line-height: 1.65;\n  }\n\n  @media screen and (max-width: 900px) {\n    .cubbie-split {\n      grid-template-columns: 1fr 1fr;\n      gap: 35px;\n    }\n\n    .cubbie-copy h2 {\n      font-size: 24px;\n    }\n\n    .cubbie-feature h3 {\n      font-size: 18px;\n    }\n\n    .cubbie-feature p {\n      font-size: 16px;\n    }\n  }\n\n\n  @media screen and (max-width: 750px) {\n    .cubbie-ride {\n      padding-left: 14px;\n      padding-right: 14px;\n    }\n\n    .cubbie-section {\n      padding: 40px 0;\n    }\n\n    .cubbie-intro {\n      padding: 28px 10px 32px;\n    }\n\n    .cubbie-intro h2,\n    .cubbie-heading h2,\n    .cubbie-copy h2 {\n      font-size: 23px;\n      line-height: 1.18;\n    }\n\n    .cubbie-intro p,\n    .cubbie-heading p,\n    .cubbie-copy p {\n      font-size: 16px;\n    }\n\n    .cubbie-split {\n      grid-template-columns: 1fr;\n      gap: 25px;\n    }\n\n    \/* GIFs verticais no telemovel.\n       Sao 270x480 nativos: sem limite ocupavam 480px de altura, mais de\n       metade do ecra, e havia dois. Passam a ~58% da largura da coluna,\n       com tecto de altura para nao crescerem em ecras largos. *\/\n    .cubbie-media img[src*=\".gif\"] {\n      max-width: 60%;\n      max-height: 360px;\n      border-radius: 14px;\n    }\n\n    .cubbie-split.reverse .cubbie-media,\n    .cubbie-split.reverse .cubbie-copy {\n      order: initial;\n    }\n\n    .cubbie-copy {\n      max-width: 100%;\n      padding: 0 10px;\n      text-align: center;\n    }\n\n    .cubbie-copy h2,\n    .cubbie-copy p {\n      max-width: 100%;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .cubbie-copy p + p {\n      margin-top: 14px;\n    }\n\n    .cubbie-media img[src*=\".gif\"] {\n      width: 100%;\n      max-height: none;\n    }\n\n    .cubbie-features {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .cubbie-feature {\n      min-height: auto;\n      padding: 25px 22px;\n    }\n\n    .cubbie-feature h3 {\n      min-height: auto;\n      margin-bottom: 10px;\n      font-size: 20px;\n    }\n\n    .cubbie-feature p {\n      max-width: 520px;\n      font-size: 16px;\n    }\n\n    .cubbie-colours {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 7px;\n    }\n\n    .cubbie-specs {\n      grid-template-columns: 1fr;\n    }\n\n    .cubbie-highlight {\n      margin: 28px 0;\n      padding: 36px 20px;\n    }\n\n    .cubbie-highlight h2,\n    .cubbie-final h2 {\n      font-size: 24px;\n    }\n  }\n\n  \/* telemovel pequeno: o GIF desce mais um pouco *\/\n  @media screen and (max-width: 380px) {\n    .cubbie-media img[src*=\".gif\"] {\n      max-height: 315px;\n    }\n  }\n\n\u003c\/style\u003e\n\u003csvg width=\"0\" height=\"0\" style=\"position: absolute; width: 0; height: 0; overflow: hidden;\"\u003e\n  \u003cfilter id=\"cub-nitidez\" color-interpolation-filters=\"sRGB\" x=\"0\" y=\"0\" width=\"100%\" height=\"100%\"\u003e\n    \u003cfeconvolvematrix order=\"3\" preservealpha=\"true\" kernelmatrix=\"0 -0.35 0 -0.35 2.4 -0.35 0 -0.35 0\"\u003e\u003c\/feconvolvematrix\u003e\n  \u003c\/filter\u003e\n\u003c\/svg\u003e\n\u003cdiv class=\"cubbie-ride\"\u003e\n\u003c!-- INTRO --\u003e\n\u003cdiv class=\"cubbie-intro\"\u003e\n\u003ch2\u003eA Soft Landing for Wobbly Heads\u003c\/h2\u003e\n\u003cp\u003eA light, padded backpack that sits behind their head while they learn to sit, crawl, stand and walk. When they topple backwards, the cushion takes the bump instead of the floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- MAIN IMAGE --\u003e\n\u003cdiv class=\"cubbie-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d1-bee-lying.jpg?v=1791598417\" alt=\"Baby lying back on the bee head protector cushion\"\u003e\u003c\/div\u003e\n\u003c!-- SPLIT --\u003e\n\u003csection class=\"cubbie-section\"\u003e\n\u003cdiv class=\"cubbie-split\"\u003e\n\u003cdiv class=\"cubbie-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d2-bee-straps.jpg?v=1791598421\" alt=\"Back of the bee head protector with mesh panel and elastic straps\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cubbie-copy\"\u003e\n\u003ch2\u003eBreathable Back, Soft Straps\u003c\/h2\u003e\n\u003cp\u003eA mesh panel sits against their back, and elastic straps with a chest clip keep the cushion in place while they crawl, sit and climb.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"cubbie-highlight\"\u003e\n\u003ch2\u003eLight Enough to Forget\u003c\/h2\u003e\n\u003cp\u003eThey play as usual and soon stop noticing it.\u003c\/p\u003e\n\u003cdiv class=\"cubbie-features\"\u003e\n\u003cdiv class=\"cubbie-feature\"\u003e\n\u003ch3\u003eRing Cushion\u003c\/h3\u003e\n\u003cp\u003eSits right behind the head, where backward falls land.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cubbie-feature\"\u003e\n\u003ch3\u003eLight Plush Filling\u003c\/h3\u003e\n\u003cp\u003eSpringy fibre that keeps its shape and weighs very little.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cubbie-feature\"\u003e\n\u003ch3\u003eGrows With Them\u003c\/h3\u003e\n\u003cp\u003eAdjustable straps from sitting up to first steps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SOLO --\u003e\n\u003csection class=\"cubbie-section\"\u003e\n\u003cdiv class=\"cubbie-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d8-dragon-mesh.jpg?v=1791638640\" alt=\"Dragon head protector with soft plush wings\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DETAILS --\u003e\n\u003csection class=\"cubbie-section\"\u003e\n\u003cdiv class=\"cubbie-split reverse\"\u003e\n\u003cdiv class=\"cubbie-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d4-butterfly-back.jpg?v=1791598429\" alt=\"Butterfly head protector straps and chest clip\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cubbie-copy\"\u003e\n\u003ch2\u003eWear It Like a Backpack\u003c\/h2\u003e\n\u003cp\u003eArms through the straps, clip the chest strap and off they go.\u003c\/p\u003e\n\u003cp\u003eIt slips off in seconds for naps and the car seat. Hand wash and leave to air dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COLOURS --\u003e\n\u003csection class=\"cubbie-section\"\u003e\n\u003cdiv class=\"cubbie-heading\"\u003e\n\u003ch2\u003eBee, Butterfly or Dragon\u003c\/h2\u003e\n\u003cp\u003eThree soft designs. Let them pick a favourite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cubbie-colours\"\u003e\n\u003cdiv class=\"cubbie-colour\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d5-bee.jpg?v=1791598433\" alt=\"Bee head protector\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cubbie-colour\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d6-butterfly.jpg?v=1791598437\" alt=\"Butterfly head protector\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cubbie-colour\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/d8-dragon-mesh.jpg?v=1791638640\" alt=\"Dragon head protector\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPECS --\u003e\n\u003csection class=\"cubbie-section\"\u003e\n\u003cdiv class=\"cubbie-heading\"\u003e\n\u003ch2\u003eAt a Glance\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cubbie-specs\"\u003e\n\u003cdiv class=\"cubbie-spec\"\u003e\n\u003cstrong\u003eRecommended age\u003c\/strong\u003e About 6 months to 2 years, from sitting to walking\u003c\/div\u003e\n\u003cdiv class=\"cubbie-spec\"\u003e\n\u003cstrong\u003eMaterials\u003c\/strong\u003e Soft plush outer, fibre filling, mesh back panel\u003c\/div\u003e\n\u003cdiv class=\"cubbie-spec\"\u003e\n\u003cstrong\u003eSize\u003c\/strong\u003e About 33 x 20 cm\u003c\/div\u003e\n\u003cdiv class=\"cubbie-spec\"\u003e\n\u003cstrong\u003eFit\u003c\/strong\u003e Adjustable shoulder and chest straps\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL --\u003e\n\u003cdiv class=\"cubbie-final\"\u003e\n\u003ch2\u003eLet Them Practise\u003c\/h2\u003e\n\u003cp\u003eFewer hard bumps and more confidence while they find their feet. It cushions falls but does not replace an adult close by.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Cubbie","offers":[{"title":"Bee","offer_id":55285497168213,"sku":null,"price":21.9,"currency_code":"GBP","in_stock":true},{"title":"Butterfly","offer_id":55285497233749,"sku":null,"price":21.9,"currency_code":"GBP","in_stock":true},{"title":"Dragon","offer_id":55285497266517,"sku":null,"price":21.9,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0885\/8723\/9765\/files\/g1-bee-standing-wall.jpg?v=1791598451","url":"https:\/\/cubbie-shop.com\/products\/baby-head-protector","provider":"Cubbie","version":"1.0","type":"link"}