{"product_id":"silicone-bottle-handles","title":"KINLY™ Tiny Hold","description":"\u003cstyle\u003e\n\/* =========================================================\n   KINLY™ TINY HOLD\n   Premium Silicone Bottle Handles\n   Image-free • Animated • Mobile Responsive\n   ========================================================= *\/\n\n.kinly-tinyhold {\n  --th-bg: #fbfaf7;\n  --th-white: #ffffff;\n  --th-cream: #f3eee5;\n  --th-sage: #9caf9f;\n  --th-sage-dark: #657c6d;\n  --th-dark: #292b27;\n  --th-text: #6d726b;\n  --th-border: #e4e4dc;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 8% 12%,\n      rgba(164,183,166,.17),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 92% 85%,\n      rgba(222,211,190,.20),\n      transparent 32%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      var(--th-bg) 100%\n    );\n\n  padding: 75px 18px;\n\n  position: relative;\n  overflow: hidden;\n\n  color: var(--th-dark);\n}\n\n.kinly-tinyhold *,\n.kinly-tinyhold *::before,\n.kinly-tinyhold *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND DETAILS\n   ========================================================= *\/\n\n.kinly-tinyhold::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 290px;\n  height: 290px;\n\n  right: -145px;\n  top: 70px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(156,175,159,.18);\n\n  animation:\n    thFloat 8s ease-in-out infinite;\n}\n\n.kinly-tinyhold::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 170px;\n  height: 170px;\n\n  left: -85px;\n  bottom: 70px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(156,175,159,.13);\n\n  animation:\n    thFloat 7s ease-in-out infinite reverse;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.th-container {\n  max-width: 1050px;\n\n  margin: 0 auto;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.th-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  padding: 9px 16px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(156,175,159,.11);\n\n  border:\n    1px solid rgba(156,175,159,.21);\n\n  color:\n    var(--th-sage-dark);\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n  animation:\n    thFadeUp .8s ease both;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.th-heading {\n  max-width: 850px;\n\n  margin: 23px 0 0;\n\n  font-size:\n    clamp(40px, 7vw, 68px);\n\n  line-height: 1.02;\n\n  letter-spacing: -3px;\n\n  font-weight: 800;\n\n  color:\n    var(--th-dark);\n\n  animation:\n    thFadeUp .9s .1s ease both;\n}\n\n\n.th-heading span {\n  background:\n    linear-gradient(\n      110deg,\n      #657c6d,\n      #a8bba9,\n      #657c6d\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    thShimmer 5s linear infinite;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.th-intro {\n  max-width: 750px;\n\n  margin-top: 23px;\n\n  font-size: 17px;\n\n  line-height: 1.85;\n\n  color:\n    var(--th-text);\n\n  animation:\n    thFadeUp .9s .2s ease both;\n}\n\n.th-intro strong {\n  color:\n    var(--th-dark);\n}\n\n\n\/* =========================================================\n   PREMIUM SHOWCASE\n   ========================================================= *\/\n\n.th-showcase {\n  margin-top: 52px;\n\n  padding: 38px;\n\n  border-radius: 32px;\n\n  background:\n    rgba(255,255,255,.79);\n\n  border:\n    1px solid rgba(255,255,255,.92);\n\n  box-shadow:\n    0 28px 75px rgba(61,69,61,.09),\n    inset 0 1px 0 rgba(255,255,255,.95);\n\n  backdrop-filter:\n    blur(18px);\n\n  -webkit-backdrop-filter:\n    blur(18px);\n\n  position: relative;\n\n  overflow: hidden;\n\n  animation:\n    thCardFloat 7s ease-in-out infinite;\n}\n\n\n\/* Animated reflection *\/\n\n.th-showcase::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 40%;\n\n  height: 120%;\n\n  top: -10%;\n\n  left: -100%;\n\n  background:\n    linear-gradient(\n      110deg,\n      transparent,\n      rgba(255,255,255,.55),\n      transparent\n    );\n\n  transform:\n    skewX(-20deg);\n\n  animation:\n    thReflection 6s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   SHOWCASE HEADER\n   ========================================================= *\/\n\n.th-header {\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 25px;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n.th-label {\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  color:\n    var(--th-sage-dark);\n\n  text-transform: uppercase;\n}\n\n.th-title {\n  margin-top: 8px;\n\n  font-size: 30px;\n\n  line-height: 1.2;\n\n  font-weight: 750;\n\n  color:\n    var(--th-dark);\n}\n\n\n\/* =========================================================\n   BOTTLE ICON\n   ========================================================= *\/\n\n.th-orb {\n  width: 80px;\n  height: 80px;\n\n  flex-shrink: 0;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #edf2eb\n    );\n\n  border:\n    1px solid #dce4dc;\n\n  box-shadow:\n    0 13px 32px rgba(91,112,96,.14);\n\n  font-size: 30px;\n\n  animation:\n    thPulse 3s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.th-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 17px;\n\n  margin-top: 32px;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n\n.th-benefit {\n  padding: 27px;\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.91);\n\n  border:\n    1px solid var(--th-border);\n\n  position: relative;\n\n  overflow: hidden;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n\n\/* Accent *\/\n\n.th-benefit::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 3px;\n\n  height: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #a9bba9,\n      #657c6d\n    );\n\n  transition:\n    height .4s ease;\n}\n\n\n.th-benefit:hover {\n  transform:\n    translateY(-8px);\n\n  border-color:\n    #ccd7cd;\n\n  box-shadow:\n    0 20px 45px rgba(64,77,66,.08);\n}\n\n\n.th-benefit:hover::before {\n  height: 100%;\n}\n\n\n\/* =========================================================\n   ICONS\n   ========================================================= *\/\n\n.th-icon {\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #f0f3ed\n    );\n\n  border:\n    1px solid #dfe6df;\n\n  box-shadow:\n    0 8px 20px rgba(80,99,83,.07);\n\n  font-size: 21px;\n\n  margin-bottom: 16px;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n\n.th-benefit:hover .th-icon {\n  transform:\n    scale(1.1)\n    rotate(-4deg);\n\n  box-shadow:\n    0 12px 27px rgba(80,99,83,.13);\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n.th-benefit h3 {\n  margin: 0 0 9px;\n\n  font-size: 18px;\n\n  line-height: 1.3;\n\n  font-weight: 750;\n\n  color:\n    var(--th-dark);\n}\n\n\n.th-benefit p {\n  margin: 0;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  color:\n    var(--th-text);\n}\n\n\n\/* =========================================================\n   FINAL MESSAGE\n   ========================================================= *\/\n\n.th-final {\n  max-width: 700px;\n\n  margin: 48px auto 0;\n\n  text-align: center;\n\n  position: relative;\n\n  z-index: 2;\n\n  animation:\n    thFadeUp 1s .45s ease both;\n}\n\n\n.th-line {\n  width: 60px;\n\n  height: 2px;\n\n  margin:\n    0 auto 23px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--th-sage),\n      transparent\n    );\n}\n\n\n.th-final h2 {\n  margin: 0;\n\n  font-size:\n    clamp(25px, 4vw, 35px);\n\n  line-height: 1.25;\n\n  letter-spacing: -.8px;\n\n  color:\n    var(--th-dark);\n}\n\n\n.th-final p {\n  margin: 14px auto 0;\n\n  color:\n    #737a72;\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   TRUST PILLS\n   ========================================================= *\/\n\n.th-pills {\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n  margin-top: 25px;\n}\n\n\n.th-pill {\n  padding: 8px 14px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.76);\n\n  border:\n    1px solid var(--th-border);\n\n  color:\n    #697168;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: .5px;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes thFadeUp {\n\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0);\n  }\n}\n\n\n@keyframes thCardFloat {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n}\n\n\n@keyframes thPulse {\n\n  0%,100% {\n    transform:\n      scale(1);\n\n    box-shadow:\n      0 13px 32px rgba(91,112,96,.14);\n  }\n\n  50% {\n    transform:\n      scale(1.07);\n\n    box-shadow:\n      0 18px 40px rgba(91,112,96,.23);\n  }\n}\n\n\n@keyframes thReflection {\n\n  0% {\n    left:\n      -100%;\n  }\n\n  55%,100% {\n    left:\n      150%;\n  }\n}\n\n\n@keyframes thShimmer {\n\n  to {\n    background-position:\n      200% center;\n  }\n}\n\n\n@keyframes thFloat {\n\n  0%,100% {\n    transform:\n      translateY(0)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      translateY(-20px)\n      scale(1.04);\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .kinly-tinyhold {\n    padding:\n      53px 15px;\n  }\n\n  .th-heading {\n    letter-spacing:\n      -2px;\n  }\n\n  .th-intro {\n    font-size:\n      15px;\n\n    line-height:\n      1.75;\n  }\n\n  .th-showcase {\n    margin-top:\n      38px;\n\n    padding:\n      24px 20px;\n\n    border-radius:\n      25px;\n  }\n\n  .th-title {\n    font-size:\n      25px;\n  }\n\n  .th-orb {\n    width:\n      60px;\n\n    height:\n      60px;\n\n    font-size:\n      23px;\n  }\n\n  .th-benefits {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      14px;\n  }\n\n  .th-benefit {\n    padding:\n      23px;\n  }\n\n  .th-final {\n    margin-top:\n      38px;\n  }\n}\n\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kinly-tinyhold *,\n  .kinly-tinyhold *::before,\n  .kinly-tinyhold *::after {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kinly-tinyhold\"\u003e\n\n  \u003cdiv class=\"th-container\"\u003e\n\n\n    \u003c!-- BRAND LABEL --\u003e\n\n    \u003cdiv class=\"th-eyebrow\"\u003e\n      KINLY™ FEEDING ESSENTIAL\n    \u003c\/div\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003ch1 class=\"th-heading\"\u003e\n\n      Little hands.\n      Big independence.\n      \u003cspan\u003e🍼\u003c\/span\u003e\n\n    \u003c\/h1\u003e\n\n\n    \u003cp class=\"th-intro\"\u003e\n\n      Watching your baby hold their own bottle for the first time\n      is one of those moments.\n\n      \u003cstrong\u003eKINLY™ Tiny Hold Silicone Handles\u003c\/strong\u003e\n      are designed to give little hands the grip they need\n      to practise holding and drinking more independently. ✨\n\n    \u003c\/p\u003e\n\n\n    \u003c!-- PREMIUM SHOWCASE --\u003e\n\n    \u003cdiv class=\"th-showcase\"\u003e\n\n\n      \u003cdiv class=\"th-header\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"th-label\"\u003e\n            DESIGNED FOR LITTLE HANDS\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"th-title\"\u003e\n            A tiny grip for a big milestone.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"th-orb\"\u003e\n          🍼\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFITS --\u003e\n\n      \u003cdiv class=\"th-benefits\"\u003e\n\n\n        \u003c!-- 01 --\u003e\n\n        \u003cdiv class=\"th-benefit\"\u003e\n\n          \u003cdiv class=\"th-icon\"\u003e\n            👶\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Baby Drinks More Independently\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Ergonomic handles are designed to be easy for\n            little hands to grip, helping baby practise\n            holding, tilting, and sipping.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 02 --\u003e\n\n        \u003cdiv class=\"th-benefit\"\u003e\n\n          \u003cdiv class=\"th-icon\"\u003e\n            🙌\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            You Get Your Hands Back\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Give baby the opportunity to practise holding\n            their bottle while you enjoy a little more\n            freedom during feeding time.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 03 --\u003e\n\n        \u003cdiv class=\"th-benefit\"\u003e\n\n          \u003cdiv class=\"th-icon\"\u003e\n            🟢\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Soft Silicone Feel\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Made from food-grade silicone that feels soft\n            and comfortable in little hands and is gentle\n            around baby's gums.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 04 --\u003e\n\n        \u003cdiv class=\"th-benefit\"\u003e\n\n          \u003cdiv class=\"th-icon\"\u003e\n            🍶\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Fits Most Standard Bottles\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed to slide onto compatible standard\n            bottles easily, without tools or complicated\n            setup.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 05 --\u003e\n\n        \u003cdiv class=\"th-benefit\"\u003e\n\n          \u003cdiv class=\"th-icon\"\u003e\n            🧼\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Easy to Clean\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Simple to wipe down and easy to clean, making\n            everyday feeding routines that little bit easier.\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=\"th-final\"\u003e\n\n      \u003cdiv class=\"th-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        The small addition that unlocks a big milestone. 💛\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Little grip. More confidence.\n        A little more independence with every feed.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"th-pills\"\u003e\n\n        \u003cspan class=\"th-pill\"\u003e\n          👶 LITTLE-HAND FRIENDLY\n        \u003c\/span\u003e\n\n        \u003cspan class=\"th-pill\"\u003e\n          🟢 SILICONE\n        \u003c\/span\u003e\n\n        \u003cspan class=\"th-pill\"\u003e\n          🍶 EASY TO FIT\n        \u003c\/span\u003e\n\n        \u003cspan class=\"th-pill\"\u003e\n          🧼 EASY TO CLEAN\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"KINLY","offers":[{"title":"Green","offer_id":52322644525346,"sku":null,"price":240.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":52322644558114,"sku":null,"price":240.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":52322644590882,"sku":null,"price":240.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":52322644623650,"sku":null,"price":240.0,"currency_code":"ZAR","in_stock":true},{"title":"Orange","offer_id":52322644656418,"sku":null,"price":240.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1012\/3486\/8514\/files\/Designer.png?v=1786466818","url":"https:\/\/kinly.co.za\/products\/silicone-bottle-handles","provider":"KINLY","version":"1.0","type":"link"}