{"product_id":"s-buckle-mini-alloy-snap-hook","title":"S-Buckle Mini Alloy Snap Hook","description":"\u003csection class=\"livy-sbuckle-premium\"\u003e\n  \u003cstyle\u003e\n    .livy-sbuckle-premium {\n      padding: 72px 20px;\n      background:\n        radial-gradient(circle at 20% 10%, rgba(222, 190, 132, .22), transparent 28%),\n        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, .08), transparent 24%),\n        linear-gradient(135deg, #0b0c0a 0%, #171812 48%, #060706 100%);\n      font-family: Arial, sans-serif;\n      color: #fff;\n      overflow: hidden;\n    }\n\n    .livy-sbuckle-shell {\n      max-width: 1180px;\n      margin: auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 50px;\n      align-items: center;\n      padding: 48px;\n      border-radius: 34px;\n      background: rgba(255,255,255,.06);\n      border: 1px solid rgba(255,255,255,.14);\n      box-shadow: 0 35px 90px rgba(0,0,0,.55);\n      backdrop-filter: blur(18px);\n      animation: livySbFade .9s ease both;\n    }\n\n    .livy-sbuckle-badge {\n      display: inline-block;\n      margin-bottom: 18px;\n      padding: 9px 17px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #c9b075, #f4d995);\n      color: #111;\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: .9px;\n    }\n\n    .livy-sbuckle-title {\n      margin: 0 0 20px;\n      font-size: clamp(36px, 5vw, 62px);\n      line-height: .95;\n      font-weight: 950;\n      letter-spacing: -2px;\n    }\n\n    .livy-sbuckle-title span {\n      color: #f4d995;\n      text-shadow: 0 0 30px rgba(244,217,149,.32);\n    }\n\n    .livy-sbuckle-copy {\n      max-width: 560px;\n      margin: 0 0 28px;\n      font-size: 19px;\n      line-height: 1.6;\n      color: #ded8c9;\n    }\n\n    .livy-sbuckle-features {\n      display: grid;\n      gap: 13px;\n      margin-bottom: 30px;\n    }\n\n    .livy-sbuckle-feature {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 14px 16px;\n      border-radius: 16px;\n      background: rgba(255,255,255,.07);\n      border: 1px solid rgba(255,255,255,.1);\n      font-weight: 700;\n      transition: .28s ease;\n    }\n\n    .livy-sbuckle-feature:hover {\n      transform: translateX(8px);\n      background: rgba(244,217,149,.13);\n    }\n\n    .livy-sbuckle-cta {\n      display: inline-block;\n      padding: 16px 30px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, #c9b075, #f4d995);\n      color: #111;\n      text-decoration: none;\n      font-weight: 950;\n      box-shadow: 0 18px 42px rgba(244,217,149,.25);\n      transition: .3s ease;\n    }\n\n    .livy-sbuckle-cta:hover {\n      transform: translateY(-4px) scale(1.03);\n      box-shadow: 0 24px 55px rgba(244,217,149,.42);\n    }\n\n    .livy-sbuckle-visual {\n      position: relative;\n      min-height: 470px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .livy-orbit {\n      position: absolute;\n      width: 380px;\n      height: 380px;\n      border-radius: 50%;\n      border: 1px solid rgba(244,217,149,.18);\n      animation: livyRotate 18s linear infinite;\n    }\n\n    .livy-orbit::before,\n    .livy-orbit::after {\n      content: \"\";\n      position: absolute;\n      width: 11px;\n      height: 11px;\n      border-radius: 50%;\n      background: #f4d995;\n      box-shadow: 0 0 24px rgba(244,217,149,.7);\n    }\n\n    .livy-orbit::before {\n      top: 20px;\n      left: 70px;\n    }\n\n    .livy-orbit::after {\n      right: 35px;\n      bottom: 85px;\n    }\n\n    .livy-hook {\n      position: relative;\n      width: 178px;\n      height: 300px;\n      border: 14px solid #d9d3c3;\n      border-radius: 88px;\n      box-shadow:\n        inset 0 0 20px rgba(0,0,0,.65),\n        0 30px 65px rgba(0,0,0,.55),\n        0 0 34px rgba(244,217,149,.18);\n      animation: livyFloat 4.6s ease-in-out infinite;\n      z-index: 3;\n    }\n\n    .livy-hook::before {\n      content: \"\";\n      position: absolute;\n      top: 118px;\n      left: -20px;\n      width: 220px;\n      height: 50px;\n      background: #11130f;\n      border-top: 12px solid #d9d3c3;\n      border-bottom: 12px solid #d9d3c3;\n      transform: rotate(-18deg);\n      z-index: 2;\n    }\n\n    .livy-hook::after {\n      content: \"DUAL GATE\";\n      position: absolute;\n      left: 50%;\n      bottom: -62px;\n      transform: translateX(-50%);\n      padding: 9px 15px;\n      border-radius: 999px;\n      background: rgba(0,0,0,.7);\n      border: 1px solid rgba(244,217,149,.4);\n      color: #f4d995;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 1px;\n      white-space: nowrap;\n      box-shadow: 0 0 24px rgba(244,217,149,.18);\n    }\n\n    .livy-gate {\n      position: absolute;\n      width: 6px;\n      height: 112px;\n      border-radius: 999px;\n      background: linear-gradient(to bottom, #fff7dc, #8f876f);\n      box-shadow: 0 0 18px rgba(244,217,149,.35);\n      z-index: 4;\n      animation: livyGateTap 2.7s ease-in-out infinite;\n    }\n\n    .livy-gate.top {\n      top: 38px;\n      right: 34px;\n      transform: rotate(31deg);\n    }\n\n    .livy-gate.bottom {\n      bottom: 38px;\n      left: 34px;\n      transform: rotate(31deg);\n      animation-delay: .35s;\n    }\n\n    .livy-pack-row {\n      position: absolute;\n      bottom: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      gap: 12px;\n      z-index: 5;\n    }\n\n    .livy-pack {\n      min-width: 92px;\n      padding: 14px 12px;\n      border-radius: 18px;\n      text-align: center;\n      background: rgba(255,255,255,.08);\n      border: 1px solid rgba(244,217,149,.32);\n      box-shadow: 0 18px 38px rgba(0,0,0,.32);\n      backdrop-filter: blur(10px);\n      animation: livyPackPulse 3s ease-in-out infinite;\n    }\n\n    .livy-pack:nth-child(2) {\n      animation-delay: .25s;\n    }\n\n    .livy-pack:nth-child(3) {\n      animation-delay: .5s;\n    }\n\n    .livy-pack strong {\n      display: block;\n      color: #f4d995;\n      font-size: 26px;\n      line-height: 1;\n    }\n\n    .livy-pack span {\n      display: block;\n      margin-top: 5px;\n      color: #e5dfd2;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: .8px;\n    }\n\n    @keyframes livySbFade {\n      from { opacity: 0; transform: translateY(35px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes livyFloat {\n      0%, 100% { transform: translateY(0) rotate(-7deg); }\n      50% { transform: translateY(-18px) rotate(7deg); }\n    }\n\n    @keyframes livyGateTap {\n      0%, 100% { opacity: .8; }\n      50% { opacity: 1; filter: brightness(1.25); }\n    }\n\n    @keyframes livyRotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes livyPackPulse {\n      0%, 100% { transform: translateY(0); opacity: .82; }\n      50% { transform: translateY(-8px); opacity: 1; }\n    }\n\n    @media (max-width: 850px) {\n      .livy-sbuckle-shell {\n        grid-template-columns: 1fr;\n        padding: 30px;\n      }\n\n      .livy-sbuckle-visual {\n        min-height: 420px;\n      }\n\n      .livy-orbit {\n        width: 300px;\n        height: 300px;\n      }\n\n      .livy-hook {\n        transform: scale(.88);\n      }\n\n      .livy-pack-row {\n        gap: 8px;\n      }\n\n      .livy-pack {\n        min-width: 78px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"livy-sbuckle-shell\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"livy-sbuckle-badge\"\u003eLIVY CO OUTDOOR GEAR\u003c\/div\u003e\n\n      \u003ch1 class=\"livy-sbuckle-title\"\u003e\n        S-Buckle Mini \u003cspan\u003eAlloy Snap Hook\u003c\/span\u003e\n      \u003c\/h1\u003e\n\n      \u003cp class=\"livy-sbuckle-copy\"\u003e\n        Small but seriously capable. A compact alloy S-buckle with a dual wire gate design for quick, secure attachment — perfect for keys, gear, tackle, packs and everyday carry.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"livy-sbuckle-features\"\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e⚙️ Lightweight yet strong alloy construction\u003c\/div\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e🔁 Dual gate snap mechanism for fast, reliable clipping\u003c\/div\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e🎒 Compact size fits pocket, pack or belt loop\u003c\/div\u003e\n        \u003cdiv class=\"livy-sbuckle-feature\"\u003e🏕️ Perfect for fishing, camping, hiking and EDC\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ca href=\"#ProductInfo-template--main\" class=\"livy-sbuckle-cta\"\u003e\n        Choose Your Pack\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"livy-sbuckle-visual\"\u003e\n      \u003cdiv class=\"livy-orbit\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"livy-hook\"\u003e\n        \u003cdiv class=\"livy-gate top\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"livy-gate bottom\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"livy-pack-row\"\u003e\n        \u003cdiv class=\"livy-pack\"\u003e\n          \u003cstrong\u003e1\u003c\/strong\u003e\n          \u003cspan\u003eSINGLE\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-pack\"\u003e\n          \u003cstrong\u003e5\u003c\/strong\u003e\n          \u003cspan\u003ePACK\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"livy-pack\"\u003e\n          \u003cstrong\u003e10\u003c\/strong\u003e\n          \u003cspan\u003ePACK\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"LivyCo","offers":[{"title":"Default Title","offer_id":64071404323185,"sku":null,"price":0.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4855\/5633\/files\/b2468115-0902-45cc-be08-cab48d9fbb85.png?v=1781699608","url":"https:\/\/livyco.co.za\/products\/s-buckle-mini-alloy-snap-hook","provider":"LivyCo ","version":"1.0","type":"link"}