{"product_id":"stroller-wheel-covers","title":"KINLY™ No Track","description":"\u003cstyle\u003e\n\/* =========================================================\n   KINLY™ NO TRACK\n   Premium Stroller Wheel Covers\n   Image-free • Animated • Responsive • Shopify Ready\n   ========================================================= *\/\n\n.kinly-notrack {\n  --nt-bg: #f8faf8;\n  --nt-white: #ffffff;\n  --nt-sage: #9caf9e;\n  --nt-sage-dark: #607669;\n  --nt-dark: #252a26;\n  --nt-text: #69716c;\n  --nt-border: #dfe6e1;\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(155,180,161,.16),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 92% 85%,\n      rgba(220,230,221,.24),\n      transparent 32%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      var(--nt-bg) 100%\n    );\n\n  padding: 80px 18px;\n  position: relative;\n  overflow: hidden;\n  color: var(--nt-dark);\n}\n\n.kinly-notrack *,\n.kinly-notrack *::before,\n.kinly-notrack *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   AMBIENT BACKGROUND\n   ========================================================= *\/\n\n.kinly-notrack::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 330px;\n  height: 330px;\n\n  right: -165px;\n  top: 40px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(132,160,143,.16);\n\n  animation:\n    ntFloat 9s ease-in-out infinite;\n}\n\n.kinly-notrack::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180px;\n  height: 180px;\n\n  left: -90px;\n  bottom: 60px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(132,160,143,.12);\n\n  animation:\n    ntFloat 7s ease-in-out infinite reverse;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.nt-container {\n  max-width: 1080px;\n  margin: 0 auto;\n\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.nt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 9px 16px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(142,169,151,.10);\n\n  border:\n    1px solid rgba(142,169,151,.20);\n\n  color:\n    var(--nt-sage-dark);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: 2px;\n  text-transform: uppercase;\n\n  animation:\n    ntFadeUp .8s ease both;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.nt-heading {\n  max-width: 850px;\n\n  margin: 24px 0 0;\n\n  font-size:\n    clamp(42px, 7vw, 70px);\n\n  line-height: 1.01;\n\n  letter-spacing: -3.5px;\n\n  font-weight: 800;\n\n  color:\n    var(--nt-dark);\n\n  animation:\n    ntFadeUp .9s .1s ease both;\n}\n\n.nt-heading .nt-highlight {\n  background:\n    linear-gradient(\n      110deg,\n      #607669,\n      #a8bca9,\n      #607669\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:\n    ntShimmer 5s linear infinite;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.nt-intro {\n  max-width: 790px;\n\n  margin-top: 25px;\n\n  font-size: 17px;\n\n  line-height: 1.85;\n\n  color:\n    var(--nt-text);\n\n  animation:\n    ntFadeUp .9s .2s ease both;\n}\n\n.nt-intro strong {\n  color:\n    var(--nt-dark);\n\n  font-weight: 750;\n}\n\n\n\/* =========================================================\n   PREMIUM FEATURE PANEL\n   ========================================================= *\/\n\n.nt-showcase {\n  margin-top: 55px;\n\n  padding: 40px;\n\n  border-radius: 34px;\n\n  background:\n    rgba(255,255,255,.80);\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  box-shadow:\n    0 30px 80px rgba(55,72,60,.10),\n    inset 0 1px 0 rgba(255,255,255,.95);\n\n  backdrop-filter:\n    blur(20px);\n\n  -webkit-backdrop-filter:\n    blur(20px);\n\n  position: relative;\n  overflow: hidden;\n\n  animation:\n    ntCardFloat 7s ease-in-out infinite;\n}\n\n\n\/* Premium light sweep *\/\n\n.nt-showcase::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 42%;\n  height: 130%;\n\n  top: -15%;\n  left: -110%;\n\n  background:\n    linear-gradient(\n      110deg,\n      transparent,\n      rgba(255,255,255,.58),\n      transparent\n    );\n\n  transform:\n    skewX(-20deg);\n\n  animation:\n    ntReflection 7s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   PANEL HEADER\n   ========================================================= *\/\n\n.nt-header {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  position: relative;\n  z-index: 2;\n}\n\n.nt-label {\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 2.5px;\n\n  color:\n    var(--nt-sage-dark);\n\n  text-transform: uppercase;\n}\n\n.nt-title {\n  margin-top: 9px;\n\n  font-size: 31px;\n\n  line-height: 1.2;\n\n  letter-spacing: -.7px;\n\n  font-weight: 760;\n\n  color:\n    var(--nt-dark);\n}\n\n\n\/* =========================================================\n   PREMIUM ICON\n   ========================================================= *\/\n\n.nt-orb {\n  width: 84px;\n  height: 84px;\n\n  flex-shrink: 0;\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #edf3ee\n    );\n\n  border:\n    1px solid #dbe5dd;\n\n  box-shadow:\n    0 15px 35px rgba(77,103,85,.15);\n\n  font-size: 31px;\n\n  animation:\n    ntPulse 3.2s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n   BENEFITS GRID\n   ========================================================= *\/\n\n.nt-benefits {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 17px;\n\n  margin-top: 34px;\n\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   BENEFIT CARD\n   ========================================================= *\/\n\n.nt-benefit {\n  padding: 28px;\n\n  border-radius: 23px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  border:\n    1px solid var(--nt-border);\n\n  position: relative;\n  overflow: hidden;\n\n  transition:\n    transform .35s cubic-bezier(.2,.8,.2,1),\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n\n\/* Animated side accent *\/\n\n.nt-benefit::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 3px;\n  height: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #a9bba9,\n      #607669\n    );\n\n  transition:\n    height .45s ease;\n}\n\n.nt-benefit:hover {\n  transform:\n    translateY(-8px);\n\n  border-color:\n    #cbd8ce;\n\n  box-shadow:\n    0 22px 48px rgba(60,78,65,.09);\n}\n\n.nt-benefit:hover::before {\n  height: 100%;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.nt-icon {\n  width: 49px;\n  height: 49px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 15px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #f0f4f0\n    );\n\n  border:\n    1px solid #dfe7e0;\n\n  box-shadow:\n    0 8px 20px rgba(78,101,84,.07);\n\n  font-size: 21px;\n\n  margin-bottom: 17px;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.nt-benefit:hover .nt-icon {\n  transform:\n    scale(1.1)\n    rotate(-4deg);\n\n  box-shadow:\n    0 13px 28px rgba(78,101,84,.14);\n}\n\n\n\/* =========================================================\n   BENEFIT TEXT\n   ========================================================= *\/\n\n.nt-benefit h3 {\n  margin:\n    0 0 9px;\n\n  font-size: 18px;\n\n  line-height: 1.3;\n\n  font-weight: 750;\n\n  color:\n    var(--nt-dark);\n}\n\n.nt-benefit p {\n  margin: 0;\n\n  font-size: 14px;\n\n  line-height: 1.72;\n\n  color:\n    var(--nt-text);\n}\n\n\n\/* =========================================================\n   FINAL STATEMENT\n   ========================================================= *\/\n\n.nt-final {\n  max-width: 760px;\n\n  margin:\n    50px auto 0;\n\n  text-align: center;\n\n  position: relative;\n  z-index: 2;\n\n  animation:\n    ntFadeUp 1s .45s ease both;\n}\n\n.nt-line {\n  width: 62px;\n  height: 2px;\n\n  margin:\n    0 auto 24px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--nt-sage),\n      transparent\n    );\n}\n\n.nt-final h2 {\n  margin: 0;\n\n  font-size:\n    clamp(26px, 4vw, 38px);\n\n  line-height: 1.22;\n\n  letter-spacing: -1px;\n\n  color:\n    var(--nt-dark);\n}\n\n.nt-final p {\n  margin:\n    15px auto 0;\n\n  color:\n    #737b75;\n\n  font-size: 15px;\n\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   TRUST PILLS\n   ========================================================= *\/\n\n.nt-pills {\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n\n  margin-top: 27px;\n}\n\n.nt-pill {\n  padding:\n    9px 15px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  border:\n    1px solid var(--nt-border);\n\n  color:\n    #69736c;\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 ntFadeUp {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n}\n\n@keyframes ntCardFloat {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-6px);\n  }\n}\n\n@keyframes ntPulse {\n\n  0%,100% {\n    transform:\n      scale(1);\n\n    box-shadow:\n      0 15px 35px rgba(77,103,85,.15);\n  }\n\n  50% {\n    transform:\n      scale(1.07);\n\n    box-shadow:\n      0 20px 44px rgba(77,103,85,.24);\n  }\n}\n\n@keyframes ntReflection {\n\n  0% {\n    left:\n      -110%;\n  }\n\n  55%,100% {\n    left:\n      155%;\n  }\n}\n\n@keyframes ntShimmer {\n\n  to {\n    background-position:\n      200% center;\n  }\n}\n\n@keyframes ntFloat {\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-notrack {\n    padding:\n      54px 15px;\n  }\n\n  .nt-heading {\n    letter-spacing:\n      -2.2px;\n  }\n\n  .nt-intro {\n    font-size:\n      15px;\n\n    line-height:\n      1.78;\n  }\n\n  .nt-showcase {\n    margin-top:\n      38px;\n\n    padding:\n      24px 20px;\n\n    border-radius:\n      26px;\n  }\n\n  .nt-title {\n    font-size:\n      25px;\n  }\n\n  .nt-orb {\n    width:\n      62px;\n\n    height:\n      62px;\n\n    font-size:\n      23px;\n  }\n\n  .nt-benefits {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      14px;\n  }\n\n  .nt-benefit {\n    padding:\n      23px;\n  }\n\n  .nt-final {\n    margin-top:\n      40px;\n  }\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .kinly-notrack *,\n  .kinly-notrack *::before,\n  .kinly-notrack *::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-notrack\"\u003e\n\n  \u003cdiv class=\"nt-container\"\u003e\n\n\n    \u003c!-- EYEBROW --\u003e\n\n    \u003cdiv class=\"nt-eyebrow\"\u003e\n      KINLY™ EVERYDAY ESSENTIAL\n    \u003c\/div\u003e\n\n\n    \u003c!-- HERO --\u003e\n\n    \u003ch1 class=\"nt-heading\"\u003e\n\n      Go anywhere.\n      Track nothing.\n      \u003cspan class=\"nt-highlight\"\u003e🛴\u003c\/span\u003e\n\n    \u003c\/h1\u003e\n\n\n    \u003c!-- INTRO --\u003e\n\n    \u003cp class=\"nt-intro\"\u003e\n\n      Every walk ends at your front door — but the mud,\n      grit, and pavement grime don't have to come inside.\n\n      Or into your car.\n\n      \u003cstrong\u003eKINLY™ No Track Wheel Covers\u003c\/strong\u003e\n      slip on in seconds, helping keep your floors,\n      boot, and car seats clean — and your home exactly\n      how you left it. ✨\n\n    \u003c\/p\u003e\n\n\n    \u003c!-- PREMIUM PANEL --\u003e\n\n    \u003cdiv class=\"nt-showcase\"\u003e\n\n\n      \u003cdiv class=\"nt-header\"\u003e\n\n        \u003cdiv\u003e\n\n          \u003cdiv class=\"nt-label\"\u003e\n            DESIGNED FOR CLEANER RETURNS\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"nt-title\"\u003e\n            Roll in. Cover up. Relax.\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"nt-orb\"\u003e\n          🛴\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFITS --\u003e\n\n      \u003cdiv class=\"nt-benefits\"\u003e\n\n\n        \u003c!-- BENEFIT 1 --\u003e\n\n        \u003cdiv class=\"nt-benefit\"\u003e\n\n          \u003cdiv class=\"nt-icon\"\u003e\n            🧹\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Clean Floors, Every Time\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Slip the covers on before you roll inside —\n            helping keep dirt and grime on the wheels\n            instead of transferring onto your floors.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 2 --\u003e\n\n        \u003cdiv class=\"nt-benefit\"\u003e\n\n          \u003cdiv class=\"nt-icon\"\u003e\n            🚗\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Your Car Stays Clean Too\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Loading your stroller into the boot?\n            Cover the wheels first to help prevent\n            mud and grit from transferring onto your\n            car's interior.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 3 --\u003e\n\n        \u003cdiv class=\"nt-benefit\"\u003e\n\n          \u003cdiv class=\"nt-icon\"\u003e\n            ⚡\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            On in Seconds, Off in Seconds\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Quick-fit design makes covering the wheels\n            simple and convenient, so you're settled\n            before baby even stirs.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 4 --\u003e\n\n        \u003cdiv class=\"nt-benefit\"\u003e\n\n          \u003cdiv class=\"nt-icon\"\u003e\n            🏠\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Works on Multiple Surfaces\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed for everyday transitions between\n            outdoor paths and indoor spaces, including\n            hardwood, tiles, carpet, and the car boot.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BENEFIT 5 --\u003e\n\n        \u003cdiv class=\"nt-benefit\"\u003e\n\n          \u003cdiv class=\"nt-icon\"\u003e\n            💪\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Durable \u0026amp; Reusable\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Built for repeated outings. Simply wipe\n            the covers clean and keep them ready for\n            your next adventure.\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 STATEMENT --\u003e\n\n    \u003cdiv class=\"nt-final\"\u003e\n\n      \u003cdiv class=\"nt-line\"\u003e\u003c\/div\u003e\n\n      \u003ch2\u003e\n        One cover. Clean home.\n        Clean car. Total peace of mind. 🙌\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Less wiping. Less mess.\n        More freedom to go wherever the day takes you.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"nt-pills\"\u003e\n\n        \u003cspan class=\"nt-pill\"\u003e\n          🧹 CLEANER FLOORS\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nt-pill\"\u003e\n          🚗 CLEANER CAR\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nt-pill\"\u003e\n          ⚡ QUICK FIT\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nt-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","brand":"KINLY","offers":[{"title":"Default Title","offer_id":52308336116002,"sku":null,"price":300.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1012\/3486\/8514\/files\/Basicdisplay.png?v=1786466788","url":"https:\/\/kinly.co.za\/products\/stroller-wheel-covers","provider":"KINLY","version":"1.0","type":"link"}