{"product_id":"vayro™-nailit-magnetic-wristband","title":"Vayro™ NailIt Magnetic Wristband","description":"\u003cstyle\u003e\n  \/* =========================================================\n     VAYRO™ NAILIT MAGNETIC WRISTBAND\n     Premium responsive product description\n     ========================================================= *\/\n\n  .vayro-nailit {\n    --v-black: #1A1A1A;\n    --v-orange: #FF6B00;\n    --v-grey: #8A8A8A;\n    --v-light: #F5F5F5;\n    --v-white: #FFFFFF;\n\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n\n    font-family:\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Helvetica,\n      Arial,\n      sans-serif;\n\n    color: var(--v-black);\n    background: var(--v-light);\n\n    padding: 70px 20px;\n\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n  }\n\n  .vayro-nailit *,\n  .vayro-nailit *::before,\n  .vayro-nailit *::after {\n    box-sizing: border-box;\n  }\n\n  .vayro-nailit .vayro-container {\n    width: 100%;\n    max-width: 1080px;\n    margin: 0 auto;\n  }\n\n\n  \/* =========================================================\n     ANIMATIONS\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-reveal {\n    opacity: 0;\n    transform: translateY(35px);\n\n    transition:\n      opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),\n      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .vayro-nailit .vayro-reveal.vayro-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .vayro-nailit .vayro-reveal-left {\n    opacity: 0;\n    transform: translateX(-35px);\n\n    transition:\n      opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),\n      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .vayro-nailit .vayro-reveal-left.vayro-visible {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n\n  \/* =========================================================\n     HERO\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-hero {\n    width: 100%;\n    max-width: 850px;\n\n    margin: 0 auto 65px;\n\n    text-align: center;\n  }\n\n  .vayro-nailit .vayro-eyebrow {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0 auto 18px;\n\n    font-size: 12px;\n    line-height: 1.5;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n    text-transform: uppercase;\n\n    color: #FF6B00 !important;\n\n    overflow-wrap: anywhere;\n  }\n\n  .vayro-nailit .vayro-hero h2 {\n    width: 100%;\n\n    margin: 0 0 20px;\n\n    font-size: clamp(38px, 6vw, 68px);\n\n    line-height: 0.98;\n\n    letter-spacing: -2.5px;\n\n    font-weight: 800;\n\n    color: #1A1A1A !important;\n  }\n\n  .vayro-nailit .vayro-hero h2 span {\n    color: #FF6B00 !important;\n  }\n\n  .vayro-nailit .vayro-hero p {\n    width: 100%;\n    max-width: 700px;\n\n    margin: 0 auto;\n\n    font-size: 18px;\n\n    line-height: 1.7;\n\n    color: #555555 !important;\n\n    overflow-wrap: break-word;\n  }\n\n\n  \/* =========================================================\n     FEATURE CARDS\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-features {\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 16px;\n\n    margin-bottom: 65px;\n  }\n\n  .vayro-nailit .vayro-card {\n    position: relative;\n\n    min-width: 0;\n\n    background: #FFFFFF !important;\n\n    border: 1px solid #E5E5E5;\n\n    border-radius: 18px;\n\n    padding: 30px 26px;\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transform: translateY(40px);\n\n    transition:\n      opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),\n      transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),\n      box-shadow 0.35s ease,\n      border-color 0.35s ease;\n  }\n\n  .vayro-nailit .vayro-card.vayro-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .vayro-nailit .vayro-card:nth-child(1) {\n    transition-delay: 0s;\n  }\n\n  .vayro-nailit .vayro-card:nth-child(2) {\n    transition-delay: 0.12s;\n  }\n\n  .vayro-nailit .vayro-card:nth-child(3) {\n    transition-delay: 0.24s;\n  }\n\n  .vayro-nailit .vayro-card::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 110px;\n    height: 110px;\n\n    right: -55px;\n    bottom: -55px;\n\n    border-radius: 50%;\n\n    background: #FF6B00;\n\n    opacity: 0.06;\n\n    transition: transform 0.5s ease;\n  }\n\n  .vayro-nailit .vayro-card:hover {\n    transform: translateY(-8px) !important;\n\n    border-color: rgba(255, 107, 0, 0.35);\n\n    box-shadow:\n      0 18px 45px rgba(0, 0, 0, 0.08);\n  }\n\n  .vayro-nailit .vayro-card:hover::after {\n    transform: scale(2.2);\n  }\n\n  .vayro-nailit .vayro-icon {\n    width: 46px;\n    height: 46px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 20px;\n\n    background: #1A1A1A !important;\n\n    color: #FF6B00 !important;\n\n    border-radius: 12px;\n\n    font-size: 20px;\n\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease,\n      color 0.35s ease;\n  }\n\n  .vayro-nailit .vayro-card:hover .vayro-icon {\n    transform: rotate(-5deg) scale(1.08);\n\n    background: #FF6B00 !important;\n\n    color: #FFFFFF !important;\n  }\n\n  .vayro-nailit .vayro-card h3 {\n    margin: 0 0 10px;\n\n    font-size: 20px;\n\n    line-height: 1.2;\n\n    font-weight: 750;\n\n    letter-spacing: -0.4px;\n\n    color: #1A1A1A !important;\n\n    overflow-wrap: break-word;\n  }\n\n  .vayro-nailit .vayro-card p {\n    margin: 0;\n\n    font-size: 14px;\n\n    line-height: 1.65;\n\n    color: #666666 !important;\n\n    overflow-wrap: break-word;\n  }\n\n\n  \/* =========================================================\n     DARK BENEFITS SECTION\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-benefits {\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    background: #1A1A1A !important;\n\n    color: #FFFFFF !important;\n\n    border-radius: 24px;\n\n    padding: 55px;\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transform: translateY(45px);\n\n    transition:\n      opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),\n      transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .vayro-nailit .vayro-benefits.vayro-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .vayro-nailit .vayro-benefits::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 350px;\n    height: 350px;\n\n    right: -130px;\n    top: -160px;\n\n    border-radius: 50%;\n\n    background: #FF6B00;\n\n    opacity: 0.08;\n\n    pointer-events: none;\n\n    animation:\n      vayroNailItPulse 5s ease-in-out infinite;\n  }\n\n  .vayro-nailit .vayro-benefits-content {\n    position: relative;\n\n    z-index: 1;\n\n    display: grid;\n\n    grid-template-columns:\n      minmax(0, 1fr)\n      minmax(0, 1fr);\n\n    gap: 55px;\n\n    align-items: center;\n  }\n\n  .vayro-nailit .vayro-benefits h3,\n  .vayro-nailit .vayro-benefits h3 * {\n    color: #FFFFFF !important;\n  }\n\n  .vayro-nailit .vayro-benefits h3 {\n    margin: 0 0 18px;\n\n    font-size: clamp(30px, 4vw, 46px);\n\n    line-height: 1.05;\n\n    letter-spacing: -1.5px;\n\n    font-weight: 800;\n  }\n\n  .vayro-nailit .vayro-benefits h3 span {\n    color: #FF6B00 !important;\n  }\n\n  .vayro-nailit .vayro-benefits-intro {\n    margin: 0;\n\n    font-size: 15px;\n\n    line-height: 1.7;\n\n    color: #BDBDBD !important;\n\n    overflow-wrap: break-word;\n  }\n\n\n  \/* =========================================================\n     BENEFIT LIST\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-list {\n    width: 100%;\n\n    list-style: none;\n\n    padding: 0;\n    margin: 0;\n\n    min-width: 0;\n  }\n\n  .vayro-nailit .vayro-list li {\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 13px;\n\n    width: 100%;\n\n    padding: 14px 0;\n\n    border-bottom:\n      1px solid rgba(255, 255, 255, 0.1);\n\n    font-size: 15px;\n\n    line-height: 1.5;\n\n    color: #FFFFFF !important;\n\n    opacity: 0;\n\n    transform: translateX(30px);\n\n    transition:\n      opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),\n      transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .vayro-nailit .vayro-list li.vayro-visible {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  .vayro-nailit .vayro-list li:nth-child(1) {\n    transition-delay: 0.05s;\n  }\n\n  .vayro-nailit .vayro-list li:nth-child(2) {\n    transition-delay: 0.15s;\n  }\n\n  .vayro-nailit .vayro-list li:nth-child(3) {\n    transition-delay: 0.25s;\n  }\n\n  .vayro-nailit .vayro-list li:nth-child(4) {\n    transition-delay: 0.35s;\n  }\n\n  .vayro-nailit .vayro-list li span:last-child {\n    min-width: 0;\n\n    color: #FFFFFF !important;\n\n    overflow-wrap: break-word;\n  }\n\n  .vayro-nailit .vayro-check {\n    flex: 0 0 23px;\n\n    width: 23px;\n    height: 23px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 1px;\n\n    border-radius: 50%;\n\n    background: #FF6B00 !important;\n\n    color: #FFFFFF !important;\n\n    font-size: 12px;\n\n    line-height: 1;\n\n    font-weight: 900;\n\n    transform: scale(0.7);\n\n    transition:\n      transform 0.35s ease;\n  }\n\n  .vayro-nailit .vayro-list li.vayro-visible .vayro-check {\n    transform: scale(1);\n  }\n\n\n  \/* =========================================================\n     USE CASE SECTION\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-control {\n    width: 100%;\n\n    max-width: 780px;\n\n    margin: 70px auto 0;\n\n    text-align: center;\n  }\n\n  .vayro-nailit .vayro-control h3 {\n    margin: 0 0 15px;\n\n    font-size: clamp(30px, 4vw, 44px);\n\n    line-height: 1.1;\n\n    letter-spacing: -1.3px;\n\n    color: #1A1A1A !important;\n  }\n\n  .vayro-nailit .vayro-control h3 span {\n    color: #FF6B00 !important;\n  }\n\n  .vayro-nailit .vayro-control p {\n    width: 100%;\n\n    margin: 0 auto;\n\n    font-size: 16px;\n\n    line-height: 1.75;\n\n    color: #5F5F5F !important;\n\n    overflow-wrap: break-word;\n  }\n\n\n  \/* =========================================================\n     USE CASE TAGS\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-usecases {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-top: 30px;\n  }\n\n  .vayro-nailit .vayro-tag {\n    max-width: 100%;\n\n    padding: 10px 16px;\n\n    background: #FFFFFF !important;\n\n    border:\n      1px solid #DCDCDC;\n\n    border-radius: 999px;\n\n    font-size: 13px;\n\n    line-height: 1.3;\n\n    font-weight: 650;\n\n    color: #444444 !important;\n\n    opacity: 0;\n\n    transform: translateY(15px);\n\n    transition:\n      opacity 0.5s ease,\n      transform 0.5s ease,\n      background 0.25s ease,\n      border-color 0.25s ease,\n      color 0.25s ease;\n  }\n\n  .vayro-nailit .vayro-tag.vayro-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .vayro-nailit .vayro-tag:nth-child(1) {\n    transition-delay: 0s;\n  }\n\n  .vayro-nailit .vayro-tag:nth-child(2) {\n    transition-delay: 0.08s;\n  }\n\n  .vayro-nailit .vayro-tag:nth-child(3) {\n    transition-delay: 0.16s;\n  }\n\n  .vayro-nailit .vayro-tag:nth-child(4) {\n    transition-delay: 0.24s;\n  }\n\n  .vayro-nailit .vayro-tag:nth-child(5) {\n    transition-delay: 0.32s;\n  }\n\n  .vayro-nailit .vayro-tag:hover {\n    background: #FF6B00 !important;\n\n    border-color: #FF6B00 !important;\n\n    color: #FFFFFF !important;\n\n    transform: translateY(-4px) !important;\n  }\n\n\n  \/* =========================================================\n     BRAND CLOSE\n     ========================================================= *\/\n\n  .vayro-nailit .vayro-brand-close {\n    width: 100%;\n\n    margin-top: 60px;\n\n    padding-top: 42px;\n\n    border-top:\n      1px solid #DDDDDD;\n\n    text-align: center;\n  }\n\n  .vayro-nailit .vayro-brand-close strong {\n    display: block;\n\n    margin-bottom: 8px;\n\n    font-size: 13px;\n\n    letter-spacing: 2.5px;\n\n    text-transform: uppercase;\n\n    color: #FF6B00 !important;\n  }\n\n  .vayro-nailit .vayro-brand-close span {\n    font-size: 14px;\n\n    color: #777777 !important;\n  }\n\n\n  \/* =========================================================\n     AMBIENT ANIMATION\n     ========================================================= *\/\n\n  @keyframes vayroNailItPulse {\n\n    0%,\n    100% {\n      transform: scale(1);\n      opacity: 0.06;\n    }\n\n    50% {\n      transform: scale(1.15);\n      opacity: 0.10;\n    }\n\n  }\n\n\n  \/* =========================================================\n     TABLET\n     ========================================================= *\/\n\n  @media (max-width: 850px) {\n\n    .vayro-nailit {\n      padding: 60px 18px;\n    }\n\n    .vayro-nailit .vayro-features {\n      grid-template-columns: 1fr;\n    }\n\n    .vayro-nailit .vayro-benefits {\n      padding: 45px 35px;\n    }\n\n    .vayro-nailit .vayro-benefits-content {\n      grid-template-columns: 1fr;\n      gap: 35px;\n    }\n\n  }\n\n\n  \/* =========================================================\n     MOBILE\n     ========================================================= *\/\n\n  @media (max-width: 600px) {\n\n    .vayro-nailit {\n      padding: 45px 14px;\n    }\n\n\n    \/* HERO *\/\n\n    .vayro-nailit .vayro-hero {\n      margin-bottom: 42px;\n    }\n\n    .vayro-nailit .vayro-eyebrow {\n      max-width: 340px;\n\n      margin-bottom: 16px;\n\n      font-size: 10px;\n\n      line-height: 1.6;\n\n      letter-spacing: 1.5px;\n    }\n\n    .vayro-nailit .vayro-hero h2 {\n      margin-bottom: 18px;\n\n      font-size: clamp(38px, 12vw, 54px);\n\n      line-height: 0.98;\n\n      letter-spacing: -1.8px;\n    }\n\n    .vayro-nailit .vayro-hero p {\n      font-size: 15.5px;\n\n      line-height: 1.65;\n    }\n\n\n    \/* CARDS *\/\n\n    .vayro-nailit .vayro-features {\n      grid-template-columns: 1fr;\n\n      gap: 12px;\n\n      margin-bottom: 45px;\n    }\n\n    .vayro-nailit .vayro-card {\n      padding: 25px 22px;\n\n      border-radius: 16px;\n    }\n\n    .vayro-nailit .vayro-card h3 {\n      font-size: 19px;\n    }\n\n    .vayro-nailit .vayro-card p {\n      font-size: 14px;\n\n      line-height: 1.6;\n    }\n\n\n    \/* DARK SECTION *\/\n\n    .vayro-nailit .vayro-benefits {\n      padding: 32px 22px;\n\n      border-radius: 18px;\n    }\n\n    .vayro-nailit .vayro-benefits::before {\n      width: 250px;\n      height: 250px;\n\n      right: -120px;\n      top: -120px;\n    }\n\n    .vayro-nailit .vayro-benefits-content {\n      display: block;\n    }\n\n    .vayro-nailit .vayro-benefits h3 {\n      margin-bottom: 16px;\n\n      font-size: 34px;\n\n      line-height: 1.05;\n\n      letter-spacing: -1px;\n    }\n\n    .vayro-nailit .vayro-benefits-intro {\n      margin-bottom: 25px;\n\n      font-size: 14px;\n\n      line-height: 1.65;\n    }\n\n\n    \/* BENEFITS *\/\n\n    .vayro-nailit .vayro-list li {\n      gap: 10px;\n\n      padding: 13px 0;\n\n      font-size: 14px;\n\n      line-height: 1.5;\n    }\n\n    .vayro-nailit .vayro-check {\n      flex-basis: 22px;\n\n      width: 22px;\n      height: 22px;\n\n      font-size: 11px;\n    }\n\n\n    \/* USE CASES *\/\n\n    .vayro-nailit .vayro-control {\n      margin-top: 48px;\n    }\n\n    .vayro-nailit .vayro-control h3 {\n      margin-bottom: 13px;\n\n      font-size: 32px;\n\n      line-height: 1.08;\n\n      letter-spacing: -0.8px;\n    }\n\n    .vayro-nailit .vayro-control p {\n      font-size: 14.5px;\n\n      line-height: 1.7;\n    }\n\n    .vayro-nailit .vayro-usecases {\n      gap: 8px;\n\n      margin-top: 24px;\n    }\n\n    .vayro-nailit .vayro-tag {\n      padding: 9px 13px;\n\n      font-size: 12px;\n    }\n\n\n    \/* BRAND *\/\n\n    .vayro-nailit .vayro-brand-close {\n      margin-top: 50px;\n\n      padding-top: 35px;\n    }\n\n  }\n\n\n  \/* =========================================================\n     SMALL PHONES\n     ========================================================= *\/\n\n  @media (max-width: 380px) {\n\n    .vayro-nailit {\n      padding: 38px 12px;\n    }\n\n    .vayro-nailit .vayro-eyebrow {\n      max-width: 300px;\n\n      font-size: 9px;\n\n      letter-spacing: 1.2px;\n    }\n\n    .vayro-nailit .vayro-hero h2 {\n      font-size: 39px;\n\n      letter-spacing: -1.5px;\n    }\n\n    .vayro-nailit .vayro-hero p {\n      font-size: 14.5px;\n    }\n\n    .vayro-nailit .vayro-card {\n      padding: 22px 19px;\n    }\n\n    .vayro-nailit .vayro-benefits {\n      padding: 28px 19px;\n\n      border-radius: 16px;\n    }\n\n    .vayro-nailit .vayro-benefits h3 {\n      font-size: 31px;\n    }\n\n    .vayro-nailit .vayro-benefits-intro {\n      font-size: 13.5px;\n    }\n\n    .vayro-nailit .vayro-list li {\n      font-size: 13.5px;\n    }\n\n    .vayro-nailit .vayro-control h3 {\n      font-size: 29px;\n    }\n\n    .vayro-nailit .vayro-control p {\n      font-size: 14px;\n    }\n\n  }\n\n\n  \/* =========================================================\n     REDUCED MOTION\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .vayro-nailit *,\n    .vayro-nailit *::before,\n    .vayro-nailit *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n\n    .vayro-nailit .vayro-reveal,\n    .vayro-nailit .vayro-reveal-left,\n    .vayro-nailit .vayro-card,\n    .vayro-nailit .vayro-benefits,\n    .vayro-nailit .vayro-list li,\n    .vayro-nailit .vayro-tag {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n\n  }\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"vayro-nailit\"\u003e\n\n  \u003cdiv class=\"vayro-container\"\u003e\n\n\n    \u003c!-- =====================================================\n         HERO\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"vayro-hero\"\u003e\n\n      \u003cdiv class=\"vayro-eyebrow vayro-reveal\"\u003e\n        Vayro™ NailIt Magnetic Wristband\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"vayro-reveal\"\u003e\n        Stop Dropping.\u003cbr\u003e\n        \u003cspan\u003eKeep Building.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"vayro-reveal\"\u003e\n        Meet the Vayro™ NailIt Magnetic Wristband, a simple way\n        to keep screws, nails, bolts, drill bits, and other small\n        metal essentials close at hand while you work.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         FEATURE CARDS\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"vayro-features\"\u003e\n\n\n      \u003cdiv class=\"vayro-card\"\u003e\n\n        \u003cdiv class=\"vayro-icon\"\u003e\n          ✦\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Keep Hardware Close\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The Vayro™ NailIt Magnetic Wristband keeps small metal\n          fasteners and accessories within easy reach, helping you\n          spend less time searching and more time getting the job done.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vayro-card\"\u003e\n\n        \u003cdiv class=\"vayro-icon\"\u003e\n          ◉\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Free Up Your Hands\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Wear the Vayro™ NailIt Magnetic Wristband while you work\n          so your screws, nails, bolts, and bits stay close without\n          taking up space in your hands.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vayro-card\"\u003e\n\n        \u003cdiv class=\"vayro-icon\"\u003e\n          ↗\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Move Without the Mess\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The Vayro™ NailIt Magnetic Wristband keeps frequently\n          used metal pieces with you as you move between tasks,\n          ladders, rooms, or work areas.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         MAIN BENEFITS\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"vayro-benefits\"\u003e\n\n\n      \u003cdiv class=\"vayro-benefits-content\"\u003e\n\n\n        \u003cdiv class=\"vayro-reveal-left\"\u003e\n\n          \u003ch3\u003e\n            Less searching.\u003cbr\u003e\n            \u003cspan\u003eMore doing.\u003c\/span\u003e\n          \u003c\/h3\u003e\n\n          \u003cp class=\"vayro-benefits-intro\"\u003e\n            The Vayro™ NailIt Magnetic Wristband turns your wrist\n            into a convenient holding spot for the small metal items\n            you use throughout a project. Keep what you need nearby\n            and stay focused on the job in front of you.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cul class=\"vayro-list\"\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"vayro-check\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              Keeps small metal hardware within easy reach\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"vayro-check\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              Helps reduce repeated trips back to your toolbox\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"vayro-check\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              Leaves your hands free to focus on the task\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n          \u003cli\u003e\n\n            \u003cspan class=\"vayro-check\"\u003e\n              ✓\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              Useful for screws, nails, bolts, drill bits, and more\n            \u003c\/span\u003e\n\n          \u003c\/li\u003e\n\n\n        \u003c\/ul\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         USE CASES\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"vayro-control\"\u003e\n\n\n      \u003cdiv class=\"vayro-reveal\"\u003e\n\n        \u003ch3\u003e\n          Keep it close.\u003cbr\u003e\n          \u003cspan\u003eGet it done faster.\u003c\/span\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Wear the Vayro™ NailIt Magnetic Wristband while assembling\n          furniture, drilling, fixing, installing, or tackling your\n          next DIY project so the small metal pieces you need stay\n          close instead of disappearing into pockets or across the floor.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"vayro-usecases\"\u003e\n\n\n        \u003cdiv class=\"vayro-tag\"\u003e\n          Furniture Assembly\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vayro-tag\"\u003e\n          DIY Projects\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vayro-tag\"\u003e\n          Home Repairs\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vayro-tag\"\u003e\n          Drilling \u0026amp; Fixing\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"vayro-tag\"\u003e\n          Workshop Jobs\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =====================================================\n         BRAND CLOSE\n         ===================================================== --\u003e\n\n    \u003cdiv class=\"vayro-brand-close vayro-reveal\"\u003e\n\n      \u003cstrong\u003e\n        Vayro™\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Tools for every hand.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n(function () {\n\n  function initVayroNailItAnimations() {\n\n    var section =\n      document.querySelector(\".vayro-nailit\");\n\n    if (!section) {\n      return;\n    }\n\n\n    \/* ==========================================\n       REDUCED MOTION\n       ========================================== *\/\n\n    var reducedMotion =\n      window.matchMedia \u0026\u0026\n      window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n\n    var animatedElements =\n      section.querySelectorAll(\n        \".vayro-reveal, \" +\n        \".vayro-reveal-left, \" +\n        \".vayro-card, \" +\n        \".vayro-benefits, \" +\n        \".vayro-list li, \" +\n        \".vayro-tag\"\n      );\n\n\n    if (reducedMotion) {\n\n      animatedElements.forEach(function (element) {\n\n        element.classList.add(\n          \"vayro-visible\"\n        );\n\n      });\n\n      return;\n    }\n\n\n    \/* ==========================================\n       INTERSECTION OBSERVER\n       ========================================== *\/\n\n    if (\"IntersectionObserver\" in window) {\n\n      var observer =\n        new IntersectionObserver(\n\n          function (\n            entries,\n            observerInstance\n          ) {\n\n            entries.forEach(function (entry) {\n\n              if (entry.isIntersecting) {\n\n                entry.target.classList.add(\n                  \"vayro-visible\"\n                );\n\n                observerInstance.unobserve(\n                  entry.target\n                );\n\n              }\n\n            });\n\n          },\n\n          {\n            threshold: 0.08,\n\n            rootMargin:\n              \"0px 0px -50px 0px\"\n          }\n\n        );\n\n\n      animatedElements.forEach(\n        function (element) {\n\n          observer.observe(element);\n\n        }\n      );\n\n\n    } else {\n\n      animatedElements.forEach(\n        function (element) {\n\n          element.classList.add(\n            \"vayro-visible\"\n          );\n\n        }\n      );\n\n    }\n\n  }\n\n\n  \/* ==========================================\n     INITIALISE SAFELY\n     ========================================== *\/\n\n  if (\n    document.readyState ===\n    \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initVayroNailItAnimations\n    );\n\n  } else {\n\n    initVayroNailItAnimations();\n\n  }\n\n})();\n\u003c\/script\u003e","brand":"Vayro","offers":[{"title":"Default Title","offer_id":45347622715507,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0719\/7697\/6499\/files\/MW_1_Magnetic_Wristband_Premium_Product_Image.png?v=1786611361","url":"https:\/\/vayro.co.za\/products\/vayro%e2%84%a2-nailit-magnetic-wristband","provider":"Vayro","version":"1.0","type":"link"}