{"product_id":"washable-breast-pads","title":"KINLY™ Leak Free (8 pcs Breast Pads)","description":"\u003cstyle\u003e\n\/* =========================================================\n   KINLY™ LEAK FREE BREAST PADS\n   Premium • Animated • Image-free • Mobile-first\n   ========================================================= *\/\n\n.kinly-pads {\n  --kp-bg: #fbf8f5;\n  --kp-white: #ffffff;\n  --kp-cream: #f4ebe3;\n  --kp-rose: #c89f8d;\n  --kp-rose-dark: #8f6757;\n  --kp-dark: #2d2521;\n  --kp-text: #756a65;\n  --kp-border: #eadfd8;\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(214,177,157,.16),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 92% 82%,\n      rgba(237,214,201,.22),\n      transparent 32%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      var(--kp-bg) 100%\n    );\n\n  padding: 75px 18px;\n\n  position: relative;\n  overflow: hidden;\n\n  color: var(--kp-dark);\n}\n\n.kinly-pads *,\n.kinly-pads *::before,\n.kinly-pads *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND DETAILS\n   ========================================================= *\/\n\n.kinly-pads::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 280px;\n  height: 280px;\n\n  top: 30px;\n  right: -150px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(200,159,141,.15);\n\n  animation: kpFloat 8s ease-in-out infinite;\n}\n\n.kinly-pads::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 170px;\n  height: 170px;\n\n  bottom: 60px;\n  left: -90px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(200,159,141,.12);\n\n  animation: kpFloat 7s ease-in-out infinite reverse;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.kp-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.kp-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  padding: 9px 16px;\n\n  border-radius: 50px;\n\n  background: rgba(200,159,141,.10);\n\n  border: 1px solid rgba(200,159,141,.20);\n\n  color: var(--kp-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: kpFadeUp .8s ease both;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.kp-heading {\n  max-width: 850px;\n\n  margin: 23px 0 0;\n\n  font-size: clamp(39px, 7vw, 67px);\n\n  line-height: 1.03;\n\n  letter-spacing: -3px;\n\n  font-weight: 800;\n\n  color: var(--kp-dark);\n\n  animation: kpFadeUp .9s .1s ease both;\n}\n\n.kp-heading span {\n  background:\n    linear-gradient(\n      110deg,\n      #956c5c,\n      #d3aa98,\n      #956c5c\n    );\n\n  background-size: 200% auto;\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  -webkit-text-fill-color: transparent;\n\n  animation: kpShimmer 5s linear infinite;\n}\n\n\n.kp-intro {\n  max-width: 750px;\n\n  margin-top: 23px;\n\n  font-size: 17px;\n\n  line-height: 1.85;\n\n  color: var(--kp-text);\n\n  animation: kpFadeUp .9s .2s ease both;\n}\n\n.kp-intro strong {\n  color: var(--kp-dark);\n}\n\n\n\/* =========================================================\n   PREMIUM SHOWCASE\n   ========================================================= *\/\n\n.kp-showcase {\n  margin-top: 52px;\n\n  padding: 38px;\n\n  border-radius: 31px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  border: 1px solid rgba(255,255,255,.9);\n\n  box-shadow:\n    0 28px 75px rgba(72,51,40,.09),\n    inset 0 1px 0 rgba(255,255,255,.95);\n\n  backdrop-filter: blur(18px);\n\n  -webkit-backdrop-filter: blur(18px);\n\n  position: relative;\n\n  overflow: hidden;\n\n  animation: kpCardFloat 7s ease-in-out infinite;\n}\n\n\n\/* Moving reflection *\/\n\n.kp-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: skewX(-20deg);\n\n  animation: kpReflection 6s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   FEATURE INTRO\n   ========================================================= *\/\n\n.kp-feature-intro {\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.kp-small-label {\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  color: var(--kp-rose-dark);\n\n  text-transform: uppercase;\n}\n\n.kp-feature-title {\n  margin-top: 8px;\n\n  font-size: 30px;\n\n  line-height: 1.2;\n\n  font-weight: 750;\n\n  color: var(--kp-dark);\n}\n\n\n\/* =========================================================\n   ABSORBENCY ORB\n   ========================================================= *\/\n\n.kp-orb {\n  width: 76px;\n  height: 76px;\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      #f5e9e2\n    );\n\n  border: 1px solid #ead9d0;\n\n  box-shadow:\n    0 12px 30px rgba(150,105,88,.14);\n\n  font-size: 28px;\n\n  animation: kpPulse 3.2s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.kp-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 17px;\n\n  margin-top: 30px;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n\n.kp-benefit {\n  padding: 26px;\n\n  border-radius: 21px;\n\n  background:\n    rgba(255,255,255,.9);\n\n  border: 1px solid var(--kp-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.kp-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      #d2ab98,\n      #946858\n    );\n\n  transition: height .4s ease;\n}\n\n\n.kp-benefit:hover {\n  transform: translateY(-7px);\n\n  border-color: #ddc9be;\n\n  box-shadow:\n    0 20px 45px rgba(84,60,48,.08);\n}\n\n\n.kp-benefit:hover::before {\n  height: 100%;\n}\n\n\n\/* Icons *\/\n\n.kp-icon {\n  width: 45px;\n  height: 45px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #f7eee9\n    );\n\n  border: 1px solid #ecddd5;\n\n  box-shadow:\n    0 8px 20px rgba(100,70,58,.07);\n\n  font-size: 20px;\n\n  margin-bottom: 15px;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n\n.kp-benefit:hover .kp-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\/* Text *\/\n\n.kp-benefit h3 {\n  margin: 0 0 8px;\n\n  font-size: 18px;\n\n  line-height: 1.3;\n\n  color: var(--kp-dark);\n\n  font-weight: 750;\n}\n\n\n.kp-benefit p {\n  margin: 0;\n\n  color: var(--kp-text);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   FINAL STATEMENT\n   ========================================================= *\/\n\n.kp-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: kpFadeUp 1s .45s ease both;\n}\n\n\n.kp-line {\n  width: 60px;\n\n  height: 2px;\n\n  margin: 0 auto 23px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--kp-rose),\n      transparent\n    );\n}\n\n\n.kp-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: var(--kp-dark);\n}\n\n\n.kp-final p {\n  margin: 14px auto 0;\n\n  color: #786d68;\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   PREMIUM PILLS\n   ========================================================= *\/\n\n.kp-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.kp-pill {\n  padding: 8px 14px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.75);\n\n  border: 1px solid var(--kp-border);\n\n  color: #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 kpFadeUp {\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 kpCardFloat {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n}\n\n\n@keyframes kpPulse {\n\n  0%,100% {\n    transform:\n      scale(1);\n\n    box-shadow:\n      0 12px 30px rgba(150,105,88,.14);\n  }\n\n  50% {\n    transform:\n      scale(1.06);\n\n    box-shadow:\n      0 17px 38px rgba(150,105,88,.22);\n  }\n}\n\n\n@keyframes kpReflection {\n\n  0% {\n    left: -100%;\n  }\n\n  55%,100% {\n    left: 150%;\n  }\n}\n\n\n@keyframes kpShimmer {\n\n  to {\n    background-position:\n      200% center;\n  }\n}\n\n\n@keyframes kpFloat {\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: 680px) {\n\n  .kinly-pads {\n    padding: 53px 15px;\n  }\n\n  .kp-heading {\n    letter-spacing: -2px;\n  }\n\n  .kp-intro {\n    font-size: 15px;\n\n    line-height: 1.75;\n  }\n\n  .kp-showcase {\n    margin-top: 38px;\n\n    padding: 23px 19px;\n\n    border-radius: 25px;\n  }\n\n  .kp-feature-intro {\n    align-items: flex-start;\n  }\n\n  .kp-feature-title {\n    font-size: 25px;\n  }\n\n  .kp-orb {\n    width: 59px;\n    height: 59px;\n\n    font-size: 23px;\n  }\n\n  .kp-benefits {\n    grid-template-columns: 1fr;\n\n    gap: 13px;\n  }\n\n  .kp-benefit {\n    padding: 22px;\n  }\n\n  .kp-final {\n    margin-top: 38px;\n  }\n}\n\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kinly-pads *,\n  .kinly-pads *::before,\n  .kinly-pads *::after {\n\n    animation: none !important;\n\n    transition: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"kinly-pads\"\u003e\n\n  \u003cdiv class=\"kp-container\"\u003e\n\n\n    \u003c!-- BRAND LABEL --\u003e\n\n    \u003cdiv class=\"kp-eyebrow\"\u003e\n      KINLY™ NURSING ESSENTIAL\n    \u003c\/div\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003ch1 class=\"kp-heading\"\u003e\n\n      Wear what you want.\n      Go where you want.\n      \u003cspan\u003eLeak-free.\u003c\/span\u003e 🌼\n\n    \u003c\/h1\u003e\n\n\n    \u003cp class=\"kp-intro\"\u003e\n\n      No more checking your top.\n      No more last-minute outfit changes.\n      No more staying home just in case.\n\n      \u003cstrong\u003eKINLY™ Leak Free Breast Pads\u003c\/strong\u003e\n      give you the confidence to show up fully —\n      every single day of your nursing journey. 🤍\n\n    \u003c\/p\u003e\n\n\n    \u003c!-- PREMIUM CARD --\u003e\n\n    \u003cdiv class=\"kp-showcase\"\u003e\n\n\n      \u003cdiv class=\"kp-feature-intro\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"kp-small-label\"\u003e\n            DESIGNED FOR CONFIDENCE\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"kp-feature-title\"\u003e\n            Protection you don't have to think about.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"kp-orb\"\u003e\n          🤍\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFITS --\u003e\n\n      \u003cdiv class=\"kp-benefits\"\u003e\n\n\n        \u003c!-- 01 --\u003e\n\n        \u003cdiv class=\"kp-benefit\"\u003e\n\n          \u003cdiv class=\"kp-icon\"\u003e\n            💧\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Dry in Seconds, Confident All Day\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Ultra-absorbent layers are designed to quickly\n            absorb moisture and help keep leaks away from\n            your clothing.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 02 --\u003e\n\n        \u003cdiv class=\"kp-benefit\"\u003e\n\n          \u003cdiv class=\"kp-icon\"\u003e\n            🌙\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Sleep Through the Night\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Reliable protection designed for overnight wear,\n            helping you rest comfortably while caring for baby.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 03 --\u003e\n\n        \u003cdiv class=\"kp-benefit\"\u003e\n\n          \u003cdiv class=\"kp-icon\"\u003e\n            👗\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Invisible Under Any Outfit\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Slim and contoured for a discreet fit beneath\n            your favourite tops, dresses, and nursing clothes.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 04 --\u003e\n\n        \u003cdiv class=\"kp-benefit\"\u003e\n\n          \u003cdiv class=\"kp-icon\"\u003e\n            ♻️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Save Every Month\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Reusable and washable, helping you reduce your\n            reliance on disposable breast pads over time.\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=\"kp-final\"\u003e\n\n      \u003cdiv class=\"kp-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        Less worry. 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=\"kp-pills\"\u003e\n\n        \u003cspan class=\"kp-pill\"\u003e\n          💧 ABSORBENT\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kp-pill\"\u003e\n          🌙 OVERNIGHT PROTECTION\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kp-pill\"\u003e\n          👗 DISCREET FIT\n        \u003c\/span\u003e\n\n        \u003cspan class=\"kp-pill\"\u003e\n          ♻️ REUSABLE\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\n```\n","brand":"KINLY","offers":[{"title":"Default Title","offer_id":52308352827682,"sku":null,"price":200.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1012\/3486\/8514\/files\/Kinlybreastpad.png?v=1786467192","url":"https:\/\/kinly.co.za\/products\/washable-breast-pads","provider":"KINLY","version":"1.0","type":"link"}