{"product_id":"nimbisfix™-griptrim-pro","title":"NimbisFix™ GripTrim Pro","description":"\u003cdiv class=\"nimbisfix-griptrim\"\u003e\n\n\u003cstyle\u003e\n.nimbisfix-griptrim,\n.nimbisfix-griptrim * {\n  box-sizing: border-box;\n}\n\n.nimbisfix-griptrim {\n  width: 100%;\n  max-width: 1100px;\n  margin: 20px auto;\n  padding: 0 14px;\n  color: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\n\/* =========================\n   MAIN CONTAINER\n========================= *\/\n\n.ngt-wrap {\n  position: relative;\n  overflow: hidden;\n\n  padding: 42px;\n\n  border-radius: 28px;\n  border: 1px solid rgba(255,255,255,.08);\n\n  background:\n    radial-gradient(\n      circle at 85% 10%,\n      rgba(184,216,192,.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 10% 90%,\n      rgba(120,157,131,.10),\n      transparent 25%\n    ),\n    #0a0d0b;\n}\n\n\/* subtle background glow *\/\n\n.ngt-wrap::before {\n  content: \"\";\n  position: absolute;\n\n  width: 260px;\n  height: 260px;\n\n  right: -80px;\n  top: -120px;\n\n  border-radius: 50%;\n\n  background: rgba(184,216,192,.07);\n  filter: blur(70px);\n\n  pointer-events: none;\n\n  animation: ngtGlow 5s ease-in-out infinite;\n}\n\n@keyframes ngtGlow {\n\n  0%,100% {\n    transform: scale(1);\n    opacity: .5;\n  }\n\n  50% {\n    transform: scale(1.15);\n    opacity: .9;\n  }\n}\n\n\/* =========================\n   INTRO\n========================= *\/\n\n.ngt-intro {\n  position: relative;\n  z-index: 2;\n\n  text-align: center;\n\n  margin-bottom: 28px;\n}\n\n.ngt-label {\n  display: inline-block;\n\n  margin-bottom: 10px;\n\n  color: #b8d8c0 !important;\n\n  font-size: 11px;\n  font-weight: 800;\n\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n\n.ngt-title {\n  margin: 0;\n\n  color: #ffffff !important;\n\n  font-size: clamp(34px, 5vw, 54px);\n\n  line-height: 1;\n\n  letter-spacing: -.045em;\n\n  font-weight: 800;\n}\n\n.ngt-title span {\n  color: #b8d8c0 !important;\n}\n\n.ngt-intro-text {\n  max-width: 650px;\n\n  margin: 14px auto 0;\n\n  color: #ffffff !important;\n\n  font-size: 16px;\n\n  line-height: 1.6;\n}\n\n\/* =========================\n   BUBBLE GRID\n========================= *\/\n\n.ngt-grid {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 14px;\n}\n\n\/* =========================\n   BUBBLES\n========================= *\/\n\n.ngt-bubble {\n  position: relative;\n\n  min-height: 150px;\n\n  padding: 23px;\n\n  border-radius: 22px;\n\n  border: 1px solid rgba(255,255,255,.09);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.025)\n    );\n\n  overflow: hidden;\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    background .35s ease;\n\n  animation: ngtAppear .7s ease both;\n}\n\n.ngt-bubble:nth-child(2) {\n  animation-delay: .08s;\n}\n\n.ngt-bubble:nth-child(3) {\n  animation-delay: .16s;\n}\n\n.ngt-bubble:nth-child(4) {\n  animation-delay: .24s;\n}\n\n.ngt-bubble:hover {\n  transform: translateY(-4px);\n\n  border-color: rgba(184,216,192,.35);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(184,216,192,.10),\n      rgba(255,255,255,.025)\n    );\n}\n\n@keyframes ngtAppear {\n\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* decorative circle *\/\n\n.ngt-bubble::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 95px;\n  height: 95px;\n\n  right: -35px;\n  bottom: -40px;\n\n  border-radius: 50%;\n\n  background: rgba(184,216,192,.06);\n\n  pointer-events: none;\n}\n\n\/* =========================\n   ICON\n========================= *\/\n\n.ngt-icon {\n  width: 42px;\n  height: 42px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 15px;\n\n  border-radius: 13px;\n\n  background: rgba(184,216,192,.10);\n\n  border: 1px solid rgba(184,216,192,.17);\n\n  font-size: 19px;\n\n  position: relative;\n  z-index: 2;\n}\n\n\/* =========================\n   TEXT\n========================= *\/\n\n.ngt-bubble h3 {\n  position: relative;\n  z-index: 2;\n\n  margin: 0 0 7px;\n\n  color: #ffffff !important;\n\n  font-size: 18px;\n\n  line-height: 1.2;\n\n  letter-spacing: -.02em;\n\n  font-weight: 750;\n}\n\n.ngt-bubble p {\n  position: relative;\n  z-index: 2;\n\n  margin: 0;\n\n  color: #ffffff !important;\n\n  font-size: 13px;\n\n  line-height: 1.55;\n}\n\n\/* =========================\n   BOTTOM HIGHLIGHT\n========================= *\/\n\n.ngt-bottom {\n  position: relative;\n  z-index: 2;\n\n  margin-top: 14px;\n\n  padding: 20px 23px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      100deg,\n      rgba(184,216,192,.12),\n      rgba(184,216,192,.04)\n    );\n\n  border: 1px solid rgba(184,216,192,.18);\n}\n\n.ngt-bottom strong {\n  color: #ffffff !important;\n\n  font-size: 16px;\n\n  font-weight: 750;\n}\n\n.ngt-bottom span {\n  color: #b8d8c0 !important;\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  white-space: nowrap;\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 700px) {\n\n  .nimbisfix-griptrim {\n    padding: 0 8px;\n  }\n\n  .ngt-wrap {\n    padding: 30px 18px;\n\n    border-radius: 22px;\n  }\n\n  .ngt-intro {\n    margin-bottom: 22px;\n  }\n\n  .ngt-title {\n    font-size: 38px;\n  }\n\n  .ngt-intro-text {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .ngt-grid {\n    grid-template-columns: 1fr;\n\n    gap: 11px;\n  }\n\n  .ngt-bubble {\n    min-height: auto;\n\n    padding: 20px;\n  }\n\n  .ngt-bubble h3 {\n    font-size: 17px;\n  }\n\n  .ngt-bubble p {\n    font-size: 13px;\n  }\n\n  .ngt-bottom {\n    flex-direction: column;\n\n    align-items: flex-start;\n\n    gap: 7px;\n  }\n\n  .ngt-bottom span {\n    white-space: normal;\n  }\n}\n\n\/* =========================\n   SMALL PHONES\n========================= *\/\n\n@media (max-width: 380px) {\n\n  .ngt-wrap {\n    padding: 26px 15px;\n  }\n\n  .ngt-title {\n    font-size: 34px;\n  }\n\n  .ngt-bubble {\n    padding: 18px;\n  }\n}\n\n\/* =========================\n   ACCESSIBILITY\n========================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ngt-wrap::before,\n  .ngt-bubble {\n    animation: none !important;\n  }\n\n  .ngt-bubble {\n    transition: none !important;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"ngt-wrap\"\u003e\n\n  \u003c!-- INTRO --\u003e\n\n  \u003cdiv class=\"ngt-intro\"\u003e\n\n    \u003cdiv class=\"ngt-label\"\u003e\n      NimbisFix Pet Collection\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"ngt-title\"\u003e\n      Meet \u003cspan\u003eGripTrim Pro.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"ngt-intro-text\"\u003e\n      A convenient electric nail grinder designed to make\n      at-home paw care simpler for dogs of different sizes.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BUBBLES --\u003e\n\n  \u003cdiv class=\"ngt-grid\"\u003e\n\n\n    \u003cdiv class=\"ngt-bubble\"\u003e\n\n      \u003cdiv class=\"ngt-icon\"\u003e\n        🐾\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Easier Nail Care\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Gently grind down your dog's nails at home\n        with more control than traditional nail clippers.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ngt-bubble\"\u003e\n\n      \u003cdiv class=\"ngt-icon\"\u003e\n        💡\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Built-In LED Light\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        The integrated light helps illuminate the\n        trimming area while you're working on each paw.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ngt-bubble\"\u003e\n\n      \u003cdiv class=\"ngt-icon\"\u003e\n        ⚙️\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        Multiple Grinding Heads\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Choose the grinding head that suits your dog's\n        nails and your preferred way of trimming.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ngt-bubble\"\u003e\n\n      \u003cdiv class=\"ngt-icon\"\u003e\n        🐶\n      \u003c\/div\u003e\n\n      \u003ch3\u003e\n        For Small \u0026amp; Big Dogs\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Designed to be useful for everything from\n        smaller pups to larger breeds.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BOTTOM --\u003e\n\n  \u003cdiv class=\"ngt-bottom\"\u003e\n\n    \u003cstrong\u003e\n      Less stress. More paw care.\n    \u003c\/strong\u003e\n\n    \u003cspan\u003e\n      TRIM • GRIND • CARE\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"NIMBIS FIX","offers":[{"title":"Black","offer_id":53493544845591,"sku":null,"price":899.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0994\/7761\/8967\/files\/IMG_1985.jpg?v=1789563756","url":"https:\/\/nimbisfix.co.za\/fr\/products\/nimbisfix%e2%84%a2-griptrim-pro","provider":"NIMBIS FIX PETS ","version":"1.0","type":"link"}