{"product_id":"patterned-pacifier-with-a-chain-to-prevent-loss","title":"KINLY™ Always Close (5 pcs)","description":"\u003cstyle\u003e\n\/* =========================================================\n   KINLY™ ALWAYS CLOSE\n   Premium Pacifier Clip Section\n   Image-free • Animated • Responsive\n   ========================================================= *\/\n\n.kinly-close {\n  --kc-bg: #fbfaf8;\n  --kc-white: #ffffff;\n  --kc-cream: #f5eee8;\n  --kc-rose: #c8a293;\n  --kc-rose-dark: #8e6758;\n  --kc-dark: #2d2622;\n  --kc-text: #756d68;\n  --kc-border: #e9dfd9;\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(208,175,158,.15),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 92% 85%,\n      rgba(237,220,211,.22),\n      transparent 32%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      var(--kc-bg) 100%\n    );\n\n  padding: 75px 18px;\n\n  position: relative;\n  overflow: hidden;\n\n  color: var(--kc-dark);\n}\n\n.kinly-close *,\n.kinly-close *::before,\n.kinly-close *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND ORBS\n   ========================================================= *\/\n\n.kinly-close::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 270px;\n  height: 270px;\n\n  right: -135px;\n  top: 70px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(200,162,147,.15);\n\n  animation:\n    kcFloat 8s ease-in-out infinite;\n}\n\n.kinly-close::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 150px;\n  height: 150px;\n\n  left: -75px;\n  bottom: 80px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(200,162,147,.13);\n\n  animation:\n    kcFloat 7s ease-in-out infinite reverse;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.kc-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.kc-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(200,162,147,.10);\n\n  border:\n    1px solid rgba(200,162,147,.19);\n\n  color:\n    var(--kc-rose-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    kcFadeUp .8s ease both;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.kc-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(--kc-dark);\n\n  animation:\n    kcFadeUp .9s .1s ease both;\n}\n\n\n.kc-heading span {\n  background:\n    linear-gradient(\n      110deg,\n      #8f695a,\n      #d2ab99,\n      #8f695a\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    kcShimmer 5s linear infinite;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.kc-intro {\n  max-width: 740px;\n\n  margin-top: 23px;\n\n  font-size: 17px;\n\n  line-height: 1.85;\n\n  color:\n    var(--kc-text);\n\n  animation:\n    kcFadeUp .9s .2s ease both;\n}\n\n.kc-intro strong {\n  color:\n    var(--kc-dark);\n}\n\n\n\/* =========================================================\n   PREMIUM CARD\n   ========================================================= *\/\n\n.kc-showcase {\n  margin-top: 52px;\n\n  padding: 38px;\n\n  border-radius: 32px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  border:\n    1px solid rgba(255,255,255,.9);\n\n  box-shadow:\n    0 28px 75px rgba(74,55,45,.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    kcCardFloat 7s ease-in-out infinite;\n}\n\n\n\/* Animated reflection *\/\n\n.kc-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    kcReflection 6s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   SHOWCASE HEADER\n   ========================================================= *\/\n\n.kc-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\n.kc-label {\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  color:\n    var(--kc-rose-dark);\n\n  text-transform: uppercase;\n}\n\n\n.kc-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(--kc-dark);\n}\n\n\n\/* =========================================================\n   PACIFIER ORB\n   ========================================================= *\/\n\n.kc-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      #f5e9e3\n    );\n\n  border:\n    1px solid #ead9d0;\n\n  box-shadow:\n    0 13px 32px rgba(142,102,86,.14);\n\n  font-size: 30px;\n\n  animation:\n    kcPulse 3s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.kc-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 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.kc-benefit {\n  padding: 27px 23px;\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.9);\n\n  border:\n    1px solid var(--kc-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 line *\/\n\n.kc-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      #d3ad9b,\n      #936958\n    );\n\n  transition:\n    height .4s ease;\n}\n\n\n.kc-benefit:hover {\n  transform:\n    translateY(-8px);\n\n  border-color:\n    #ddc9be;\n\n  box-shadow:\n    0 20px 45px rgba(77,55,45,.08);\n}\n\n\n.kc-benefit:hover::before {\n  height: 100%;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.kc-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      #f7eee9\n    );\n\n  border:\n    1px solid #ecddd6;\n\n  box-shadow:\n    0 8px 20px rgba(100,70,58,.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.kc-benefit:hover .kc-icon {\n  transform:\n    scale(1.1)\n    rotate(-4deg);\n\n  box-shadow:\n    0 12px 27px rgba(100,70,58,.13);\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n.kc-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(--kc-dark);\n}\n\n\n.kc-benefit p {\n  margin: 0;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n  color:\n    var(--kc-text);\n}\n\n\n\/* =========================================================\n   FINAL STATEMENT\n   ========================================================= *\/\n\n.kc-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    kcFadeUp 1s .45s ease both;\n}\n\n\n.kc-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(--kc-rose),\n      transparent\n    );\n}\n\n\n.kc-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(--kc-dark);\n}\n\n\n.kc-final p {\n  margin: 14px auto 0;\n\n  color:\n    #786e69;\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   TRUST PILLS\n   ========================================================= *\/\n\n.kc-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.kc-pill {\n  padding: 8px 14px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.75);\n\n  border:\n    1px solid var(--kc-border);\n\n  color:\n    #756964;\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 kcFadeUp {\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 kcCardFloat {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n}\n\n\n@keyframes kcPulse {\n\n  0%,100% {\n    transform:\n      scale(1);\n\n    box-shadow:\n      0 13px 32px rgba(142,102,86,.14);\n  }\n\n  50% {\n    transform:\n      scale(1.07);\n\n    box-shadow:\n      0 18px 40px rgba(142,102,86,.23);\n  }\n}\n\n\n@keyframes kcReflection {\n\n  0% {\n    left:\n      -100%;\n  }\n\n  55%,100% {\n    left:\n      150%;\n  }\n}\n\n\n@keyframes kcShimmer {\n\n  to {\n    background-position:\n      200% center;\n  }\n}\n\n\n@keyframes kcFloat {\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: 760px) {\n\n  .kinly-close {\n    padding:\n      53px 15px;\n  }\n\n  .kc-heading {\n    letter-spacing:\n      -2px;\n  }\n\n  .kc-intro {\n    font-size:\n      15px;\n\n    line-height:\n      1.75;\n  }\n\n  .kc-showcase {\n    margin-top:\n      38px;\n\n    padding:\n      24px 20px;\n\n    border-radius:\n      25px;\n  }\n\n  .kc-title {\n    font-size:\n      25px;\n  }\n\n  .kc-orb {\n    width:\n      60px;\n\n    height:\n      60px;\n\n    font-size:\n      23px;\n  }\n\n  .kc-benefits {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      14px;\n  }\n\n  .kc-benefit {\n    padding:\n      23px;\n  }\n\n  .kc-final {\n    margin-top:\n      38px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kinly-close *,\n  .kinly-close *::before,\n  .kinly-close *::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-close\"\u003e\n\n  \u003cdiv class=\"kc-container\"\u003e\n\n\n    \u003c!-- BRAND LABEL --\u003e\n\n    \u003cdiv class=\"kc-eyebrow\"\u003e\n      KINLY™ BABY ESSENTIAL\n    \u003c\/div\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003ch1 class=\"kc-heading\"\u003e\n\n      Calm baby.\n      No searching.\n      \u003cspan\u003eNo panic.\u003c\/span\u003e 🤍\n\n    \u003c\/h1\u003e\n\n\n    \u003cp class=\"kc-intro\"\u003e\n\n      When the dummy drops, everything stops.\n\n      \u003cstrong\u003eKINLY™ Always Close\u003c\/strong\u003e\n      keeps soothing within reach —\n      always attached, always ready. ✨\n\n    \u003c\/p\u003e\n\n\n    \u003c!-- PREMIUM SHOWCASE --\u003e\n\n    \u003cdiv class=\"kc-showcase\"\u003e\n\n\n      \u003cdiv class=\"kc-header\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"kc-label\"\u003e\n            DESIGNED FOR EVERYDAY CALM\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kc-title\"\u003e\n            Always close. Always ready.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"kc-orb\"\u003e\n          🤍\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFITS --\u003e\n\n      \u003cdiv class=\"kc-benefits\"\u003e\n\n\n        \u003c!-- BENEFIT 1 --\u003e\n\n        \u003cdiv class=\"kc-benefit\"\u003e\n\n          \u003cdiv class=\"kc-icon\"\u003e\n            🙌\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            No More Dropped Pacifiers\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            The secure clip helps keep the pacifier\n            attached to your baby's clothing, reducing\n            those frustrating floor dives and searches.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 2 --\u003e\n\n        \u003cdiv class=\"kc-benefit\"\u003e\n\n          \u003cdiv class=\"kc-icon\"\u003e\n            🌙\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Calm On Demand\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Keep soothing within reach in the pram,\n            at the shops, during outings, or through\n            those middle-of-the-night wake-ups.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 3 --\u003e\n\n        \u003cdiv class=\"kc-benefit\"\u003e\n\n          \u003cdiv class=\"kc-icon\"\u003e\n            🌸\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Safe \u0026amp; Beautiful\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed with smooth edges and a stylish\n            patterned finish that looks beautiful\n            while keeping everyday practicality in mind.\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=\"kc-final\"\u003e\n\n      \u003cdiv class=\"kc-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Less searching.\n        More presence.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        That's the KINLY™ difference. 💛\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"kc-pills\"\u003e\n\n        \u003cspan class=\"kc-pill\"\u003e\n          🙌 SECURE CLIP\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pill\"\u003e\n          🌙 ALWAYS WITHIN REACH\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pill\"\u003e\n          🌸 BABY-FRIENDLY DESIGN\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kc-pill\"\u003e\n          ✦ KINLY™ QUALITY\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":"Default Title","offer_id":52308351189282,"sku":null,"price":200.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1012\/3486\/8514\/files\/5straps.png?v=1786467143","url":"https:\/\/kinly.co.za\/products\/patterned-pacifier-with-a-chain-to-prevent-loss","provider":"KINLY","version":"1.0","type":"link"}