{"product_id":"torque-wolf™-prokit-21v-cordless-3-in-1-power-tool-set","title":"Torque Wolf™ ProKit 21V Cordless 3-in-1 Power Tool Set","description":"\u003cstyle\u003e\n\/* =========================================================\n   TORQUE WOLF™ PROKIT 21V\n   PREMIUM ANIMATED SHOPIFY PRODUCT SECTION\n   ========================================================= *\/\n\n.tw-prokit {\n  --orange:#ff6500;\n  --orange-light:#ff9f45;\n  --orange-dark:#d94300;\n  --black:#020202;\n  --dark:#080808;\n  --panel:#101010;\n  --panel2:#151515;\n  --white:#fff;\n  --muted:#969696;\n\n  position:relative;\n  overflow:hidden;\n  isolation:isolate;\n  background:\n    radial-gradient(circle at 78% 8%,rgba(255,101,0,.16),transparent 27%),\n    radial-gradient(circle at 0% 48%,rgba(255,101,0,.08),transparent 30%),\n    linear-gradient(180deg,#020202 0%,#090909 48%,#030303 100%);\n  color:var(--white);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n\/* INDUSTRIAL GRID *\/\n\n.tw-prokit::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n  background-size:55px 55px;\n  pointer-events:none;\n  mask-image:linear-gradient(to bottom,#000,transparent 90%);\n}\n\n\/* BACKGROUND ENERGY *\/\n\n.tw-energy {\n  position:absolute;\n  width:430px;\n  height:430px;\n  border-radius:50%;\n  background:rgba(255,101,0,.12);\n  filter:blur(90px);\n  pointer-events:none;\n  animation:twEnergy 6s ease-in-out infinite;\n}\n\n.tw-energy-1 {\n  right:-180px;\n  top:-160px;\n}\n\n.tw-energy-2 {\n  left:-220px;\n  top:55%;\n  animation-delay:2s;\n}\n\n@keyframes twEnergy {\n  0%,100% {\n    transform:scale(.85);\n    opacity:.45;\n  }\n\n  50% {\n    transform:scale(1.2);\n    opacity:1;\n  }\n}\n\n.tw-prokit-container {\n  width:min(1180px,calc(100% - 40px));\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.tw-prokit-hero {\n  min-height:790px;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  align-items:center;\n  gap:45px;\n  padding:90px 0 70px;\n}\n\n.tw-prokit-badge {\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  padding:9px 15px;\n  border-radius:100px;\n  background:rgba(255,101,0,.07);\n  border:1px solid rgba(255,101,0,.35);\n  color:var(--orange-light);\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.tw-prokit-dot {\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--orange);\n  box-shadow:0 0 14px var(--orange);\n  animation:twBlink 1.3s infinite;\n}\n\n@keyframes twBlink {\n  0%,100% {opacity:1;}\n  50% {opacity:.25;}\n}\n\n.tw-prokit-hero h1 {\n  margin:24px 0 20px;\n  font-size:clamp(44px,6vw,78px);\n  line-height:.91;\n  letter-spacing:-4px;\n  font-weight:950;\n  text-transform:uppercase;\n}\n\n.tw-prokit-hero h1 span {\n  color:var(--orange);\n  text-shadow:0 0 35px rgba(255,101,0,.4);\n}\n\n.tw-prokit-description {\n  max-width:580px;\n  color:#b8b8b8;\n  font-size:18px;\n  line-height:1.7;\n}\n\n.tw-prokit-description strong {\n  color:#fff;\n}\n\n\/* =========================================================\n   CTA BUTTONS\n   ========================================================= *\/\n\n.tw-prokit-buttons {\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  margin-top:32px;\n}\n\n.tw-prokit-btn {\n  min-height:55px;\n  padding:0 28px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  overflow:hidden;\n  border-radius:10px;\n  text-decoration:none;\n  font-size:12px;\n  font-weight:950;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  transition:.3s ease;\n}\n\n.tw-prokit-primary {\n  color:#fff;\n  background:linear-gradient(135deg,var(--orange),var(--orange-dark));\n  box-shadow:0 12px 35px rgba(255,101,0,.3);\n}\n\n.tw-prokit-primary::before {\n  content:\"\";\n  position:absolute;\n  width:70px;\n  height:190%;\n  background:rgba(255,255,255,.22);\n  transform:rotate(25deg) translateX(-140px);\n  transition:.65s;\n}\n\n.tw-prokit-primary:hover::before {\n  transform:rotate(25deg) translateX(270px);\n}\n\n.tw-prokit-primary:hover {\n  transform:translateY(-4px);\n  box-shadow:0 18px 48px rgba(255,101,0,.45);\n}\n\n.tw-prokit-secondary {\n  color:#fff;\n  background:rgba(255,255,255,.035);\n  border:1px solid rgba(255,255,255,.15);\n}\n\n.tw-prokit-secondary:hover {\n  transform:translateY(-4px);\n  color:var(--orange-light);\n  border-color:var(--orange);\n}\n\n\/* =========================================================\n   HERO PRODUCT VISUAL\n   ========================================================= *\/\n\n.tw-prokit-visual {\n  min-height:590px;\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.tw-prokit-ring {\n  position:absolute;\n  width:470px;\n  height:470px;\n  border-radius:50%;\n  border:1px solid rgba(255,101,0,.28);\n  animation:twRotate 18s linear infinite;\n}\n\n.tw-prokit-ring::before {\n  content:\"\";\n  position:absolute;\n  inset:38px;\n  border-radius:50%;\n  border:1px dashed rgba(255,255,255,.12);\n}\n\n.tw-prokit-ring::after {\n  content:\"\";\n  position:absolute;\n  width:12px;\n  height:12px;\n  left:50%;\n  top:17px;\n  border-radius:50%;\n  background:var(--orange);\n  box-shadow:0 0 25px var(--orange);\n}\n\n@keyframes twRotate {\n  to {\n    transform:rotate(360deg);\n  }\n}\n\n.tw-prokit-product-glow {\n  position:absolute;\n  width:390px;\n  height:390px;\n  border-radius:50%;\n  background:var(--orange);\n  filter:blur(85px);\n  opacity:.12;\n  animation:twProductGlow 3.5s ease-in-out infinite;\n}\n\n@keyframes twProductGlow {\n  0%,100% {\n    transform:scale(.85);\n    opacity:.1;\n  }\n\n  50% {\n    transform:scale(1.15);\n    opacity:.2;\n  }\n}\n\n\/* PRODUCT IMAGE *\/\n\n.tw-prokit-product {\n  position:relative;\n  z-index:3;\n  width:min(600px,100%);\n  height:auto;\n  object-fit:contain;\n  filter:\n    drop-shadow(0 35px 50px rgba(0,0,0,.9))\n    drop-shadow(0 0 35px rgba(255,101,0,.18));\n  animation:twFloat 4.5s ease-in-out infinite;\n}\n\n@keyframes twFloat {\n  0%,100% {\n    transform:translateY(0) rotate(-1deg);\n  }\n\n  50% {\n    transform:translateY(-17px) rotate(1deg);\n  }\n}\n\n\/* FLOATING BADGES *\/\n\n.tw-prokit-floating {\n  position:absolute;\n  z-index:5;\n  padding:14px 18px;\n  border-radius:12px;\n  background:rgba(7,7,7,.84);\n  border:1px solid rgba(255,101,0,.3);\n  backdrop-filter:blur(15px);\n  box-shadow:0 18px 45px rgba(0,0,0,.45);\n  animation:twBadge 4s ease-in-out infinite;\n}\n\n.tw-prokit-floating strong {\n  display:block;\n  font-size:14px;\n}\n\n.tw-prokit-floating small {\n  display:block;\n  margin-top:4px;\n  color:#888;\n  font-size:10px;\n}\n\n.tw-prokit-floating-1 {\n  top:15%;\n  left:-3px;\n}\n\n.tw-prokit-floating-2 {\n  right:-3px;\n  bottom:15%;\n  animation-delay:1.2s;\n}\n\n@keyframes twBadge {\n  0%,100% {\n    transform:translateY(0);\n  }\n\n  50% {\n    transform:translateY(-10px);\n  }\n}\n\n\/* =========================================================\n   TRUST BAR\n   ========================================================= *\/\n\n.tw-prokit-trust {\n  border-top:1px solid rgba(255,255,255,.08);\n  border-bottom:1px solid rgba(255,255,255,.08);\n  background:rgba(255,255,255,.025);\n}\n\n.tw-prokit-trust-grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n}\n\n.tw-prokit-trust-item {\n  padding:25px 15px;\n  text-align:center;\n  border-right:1px solid rgba(255,255,255,.08);\n}\n\n.tw-prokit-trust-item:last-child {\n  border-right:0;\n}\n\n.tw-prokit-trust-number {\n  display:block;\n  color:var(--orange);\n  font-size:25px;\n  font-weight:950;\n}\n\n.tw-prokit-trust-label {\n  display:block;\n  margin-top:5px;\n  color:#888;\n  font-size:10px;\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   SECTION HEADINGS\n   ========================================================= *\/\n\n.tw-prokit-section {\n  padding:110px 0;\n}\n\n.tw-prokit-heading {\n  max-width:780px;\n  margin:0 auto 60px;\n  text-align:center;\n}\n\n.tw-prokit-kicker {\n  color:var(--orange);\n  font-size:11px;\n  font-weight:950;\n  letter-spacing:3px;\n  text-transform:uppercase;\n}\n\n.tw-prokit-heading h2 {\n  margin:13px 0 17px;\n  font-size:clamp(35px,5vw,59px);\n  line-height:.97;\n  letter-spacing:-2px;\n  font-weight:950;\n  text-transform:uppercase;\n}\n\n.tw-prokit-heading p {\n  color:#888;\n  font-size:16px;\n  line-height:1.7;\n}\n\n\/* =========================================================\n   THREE TOOL SYSTEM\n   ========================================================= *\/\n\n.tw-tool-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n}\n\n.tw-tool-card {\n  min-height:330px;\n  position:relative;\n  overflow:hidden;\n  padding:32px;\n  border-radius:20px;\n  background:\n    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));\n  border:1px solid rgba(255,255,255,.08);\n  transition:.4s ease;\n}\n\n.tw-tool-card::before {\n  content:\"\";\n  position:absolute;\n  width:200px;\n  height:200px;\n  top:-110px;\n  right:-110px;\n  border-radius:50%;\n  background:var(--orange);\n  filter:blur(65px);\n  opacity:0;\n  transition:.4s;\n}\n\n.tw-tool-card:hover {\n  transform:translateY(-10px);\n  border-color:rgba(255,101,0,.45);\n  box-shadow:0 25px 60px rgba(0,0,0,.4);\n}\n\n.tw-tool-card:hover::before {\n  opacity:.18;\n}\n\n.tw-tool-number {\n  position:absolute;\n  top:10px;\n  right:18px;\n  color:rgba(255,101,0,.1);\n  font-size:80px;\n  font-weight:950;\n}\n\n.tw-tool-icon {\n  width:65px;\n  height:65px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:16px;\n  background:rgba(255,101,0,.1);\n  border:1px solid rgba(255,101,0,.25);\n  color:var(--orange);\n  font-size:30px;\n  margin-bottom:35px;\n}\n\n.tw-tool-card h3 {\n  font-size:22px;\n  margin:0 0 10px;\n  font-weight:950;\n}\n\n.tw-tool-card p {\n  color:#858585;\n  font-size:14px;\n  line-height:1.7;\n}\n\n\/* =========================================================\n   BATTERY SYSTEM\n   ========================================================= *\/\n\n.tw-battery-section {\n  position:relative;\n  overflow:hidden;\n  padding:80px;\n  border-radius:28px;\n  border:1px solid rgba(255,101,0,.2);\n  background:\n    linear-gradient(135deg,rgba(255,101,0,.12),rgba(255,255,255,.025)),\n    #090909;\n}\n\n.tw-battery-section::after {\n  content:\"\";\n  position:absolute;\n  width:480px;\n  height:480px;\n  right:-230px;\n  top:-220px;\n  border-radius:50%;\n  border:1px solid rgba(255,101,0,.18);\n  box-shadow:\n    0 0 0 55px rgba(255,101,0,.025),\n    0 0 0 110px rgba(255,101,0,.015);\n}\n\n.tw-battery-content {\n  position:relative;\n  z-index:2;\n  max-width:730px;\n}\n\n.tw-battery-content h2 {\n  margin:14px 0 20px;\n  font-size:clamp(38px,5vw,60px);\n  line-height:.97;\n  font-weight:950;\n  text-transform:uppercase;\n}\n\n.tw-battery-content h2 span {\n  color:var(--orange);\n}\n\n.tw-battery-content p {\n  color:#aaa;\n  font-size:17px;\n  line-height:1.8;\n}\n\n.tw-battery-pills {\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:28px;\n}\n\n.tw-battery-pill {\n  padding:12px 16px;\n  border-radius:100px;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.1);\n  color:#ddd;\n  font-size:12px;\n  font-weight:800;\n}\n\n\/* =========================================================\n   PICTURE THIS\n   ========================================================= *\/\n\n.tw-prokit-story {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:25px;\n}\n\n.tw-story-card {\n  min-height:350px;\n  position:relative;\n  overflow:hidden;\n  padding:38px;\n  border-radius:22px;\n  border:1px solid rgba(255,255,255,.08);\n  background:#0d0d0d;\n  transition:.35s ease;\n}\n\n.tw-story-card:hover {\n  transform:translateY(-7px);\n  border-color:rgba(255,101,0,.35);\n}\n\n.tw-story-card h3 {\n  margin-top:95px;\n  font-size:28px;\n  font-weight:950;\n  text-transform:uppercase;\n}\n\n.tw-story-card p {\n  color:#888;\n  line-height:1.7;\n}\n\n.tw-story-icon {\n  position:absolute;\n  right:25px;\n  top:20px;\n  font-size:85px;\n  filter:drop-shadow(0 0 25px rgba(255,101,0,.18));\n}\n\n\/* =========================================================\n   WHAT'S IN THE BOX\n   ========================================================= *\/\n\n.tw-box-layout {\n  display:grid;\n  grid-template-columns:.8fr 1.2fr;\n  gap:60px;\n  align-items:center;\n}\n\n.tw-box-visual {\n  min-height:430px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  overflow:hidden;\n  border-radius:25px;\n  background:\n    radial-gradient(circle,rgba(255,101,0,.18),transparent 58%),\n    #090909;\n  border:1px solid rgba(255,255,255,.08);\n}\n\n.tw-box-visual::before {\n  content:\"\";\n  position:absolute;\n  width:260px;\n  height:260px;\n  border:1px solid rgba(255,101,0,.2);\n  border-radius:50%;\n  animation:twRotate 14s linear infinite;\n}\n\n.tw-box-symbol {\n  position:relative;\n  z-index:2;\n  font-size:120px;\n  animation:twFloat 4s ease-in-out infinite;\n  filter:drop-shadow(0 0 30px rgba(255,101,0,.25));\n}\n\n.tw-box-list {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n.tw-box-item {\n  padding:17px;\n  border-radius:12px;\n  background:rgba(255,255,255,.035);\n  border:1px solid rgba(255,255,255,.07);\n  color:#ddd;\n  transition:.3s ease;\n}\n\n.tw-box-item:hover {\n  transform:translateX(6px);\n  border-color:rgba(255,101,0,.35);\n}\n\n.tw-box-item span {\n  color:var(--orange);\n  margin-right:7px;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.tw-prokit-final {\n  padding:120px 20px;\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n}\n\n.tw-prokit-final::before {\n  content:\"\";\n  position:absolute;\n  width:550px;\n  height:550px;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:rgba(255,101,0,.1);\n  filter:blur(110px);\n}\n\n.tw-final-content {\n  position:relative;\n  z-index:2;\n}\n\n.tw-final-content h2 {\n  max-width:900px;\n  margin:0 auto 20px;\n  font-size:clamp(42px,6vw,74px);\n  line-height:.93;\n  letter-spacing:-3px;\n  font-weight:950;\n  text-transform:uppercase;\n}\n\n.tw-final-content h2 span {\n  color:var(--orange);\n}\n\n.tw-final-content p {\n  max-width:670px;\n  margin:auto;\n  color:#8b8b8b;\n  font-size:17px;\n  line-height:1.7;\n}\n\n.tw-brand-line {\n  margin-top:38px;\n  color:#555;\n  font-size:11px;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   SCROLL ANIMATION\n   ========================================================= *\/\n\n.tw-reveal {\n  opacity:0;\n  transform:translateY(35px);\n  transition:\n    opacity .8s ease,\n    transform .8s ease;\n}\n\n.tw-reveal.tw-show {\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:900px) {\n\n  .tw-prokit-hero {\n    grid-template-columns:1fr;\n    text-align:center;\n    padding-top:65px;\n  }\n\n  .tw-prokit-description {\n    margin:auto;\n  }\n\n  .tw-prokit-buttons {\n    justify-content:center;\n  }\n\n  .tw-prokit-visual {\n    min-height:500px;\n  }\n\n  .tw-prokit-ring {\n    width:350px;\n    height:350px;\n  }\n\n  .tw-prokit-product {\n    width:92%;\n  }\n\n  .tw-prokit-floating-1 {\n    left:3%;\n  }\n\n  .tw-prokit-floating-2 {\n    right:3%;\n  }\n\n  .tw-tool-grid {\n    grid-template-columns:1fr;\n  }\n\n  .tw-prokit-story {\n    grid-template-columns:1fr;\n  }\n\n  .tw-box-layout {\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:600px) {\n\n  .tw-prokit-container {\n    width:min(100% - 26px,1180px);\n  }\n\n  .tw-prokit-hero h1 {\n    font-size:44px;\n    letter-spacing:-2px;\n  }\n\n  .tw-prokit-description {\n    font-size:15px;\n  }\n\n  .tw-prokit-trust-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .tw-prokit-trust-item {\n    border-bottom:1px solid rgba(255,255,255,.08);\n  }\n\n  .tw-prokit-section {\n    padding:75px 0;\n  }\n\n  .tw-battery-section {\n    padding:38px 25px;\n  }\n\n  .tw-story-card {\n    min-height:300px;\n    padding:28px;\n  }\n\n  .tw-box-list {\n    grid-template-columns:1fr;\n  }\n\n  .tw-box-visual {\n    min-height:280px;\n  }\n\n  .tw-prokit-floating {\n    transform:scale(.8);\n  }\n\n  .tw-prokit-floating-1 {\n    left:-10px;\n    top:10%;\n  }\n\n  .tw-prokit-floating-2 {\n    right:-10px;\n    bottom:10%;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"tw-prokit\"\u003e\n\n  \u003cdiv class=\"tw-energy tw-energy-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"tw-energy tw-energy-2\"\u003e\u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-container\"\u003e\n\n    \u003cdiv class=\"tw-prokit-hero\"\u003e\n\n      \u003cdiv class=\"tw-reveal\"\u003e\n\n        \u003cdiv class=\"tw-prokit-badge\"\u003e\n          \u003cspan class=\"tw-prokit-dot\"\u003e\u003c\/span\u003e\n          TORQUE WOLF™ PROKIT 21V\n        \u003c\/div\u003e\n\n\n        \u003ch1\u003e\n          ONE KIT.\u003cbr\u003e\n          EVERY JOB.\u003cbr\u003e\n          \u003cspan\u003eZERO EXCUSES.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n\n        \u003cp class=\"tw-prokit-description\"\u003e\n\n          Why buy three separate tools when one powerful\n          cordless system can handle the job?\n\n          \u003cstrong\u003e\n            Drill it. Grind it. Bolt it. Done.\n          \u003c\/strong\u003e\n\n          The Torque Wolf™ ProKit 21V brings three\n          essential power tools together around one\n          convenient battery platform.\n\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"tw-prokit-buttons\"\u003e\n\n          \u003ca href=\"#shopify-product\" class=\"tw-prokit-btn tw-prokit-primary\"\u003e\n\n            GET THE PROKIT\n\n          \u003c\/a\u003e\n\n\n          \u003ca href=\"#prokit-system\" class=\"tw-prokit-btn tw-prokit-secondary\"\u003e\n\n            EXPLORE THE SYSTEM\n\n          \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- HERO PRODUCT --\u003e\n\n      \u003cdiv class=\"tw-prokit-visual tw-reveal\"\u003e\n\n        \u003cdiv class=\"tw-prokit-ring\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"tw-prokit-product-glow\"\u003e\u003c\/div\u003e\n\n\n        \u003c!-- REPLACE PRODUCT_IMAGE_URL --\u003e\n\n        \u003cimg class=\"tw-prokit-product\" src=\"PRODUCT_IMAGE_URL\" alt=\"Torque Wolf ProKit 21V Cordless 3-in-1 Power Tool Set\"\u003e\n\n\n        \u003cdiv class=\"tw-prokit-floating tw-prokit-floating-1\"\u003e\n\n          \u003cstrong\u003e\n            3 TOOLS\n          \u003c\/strong\u003e\n\n          \u003csmall\u003e\n            One Complete System\n          \u003c\/small\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-prokit-floating tw-prokit-floating-2\"\u003e\n\n          \u003cstrong\u003e\n            21V PLATFORM\n          \u003c\/strong\u003e\n\n          \u003csmall\u003e\n            Shared Battery System\n          \u003c\/small\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       TRUST BAR\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-trust\"\u003e\n\n    \u003cdiv class=\"tw-prokit-container\"\u003e\n\n      \u003cdiv class=\"tw-prokit-trust-grid\"\u003e\n\n        \u003cdiv class=\"tw-prokit-trust-item\"\u003e\n\n          \u003cspan class=\"tw-prokit-trust-number\"\u003e\n            3-IN-1\n          \u003c\/span\u003e\n\n          \u003cspan class=\"tw-prokit-trust-label\"\u003e\n            Power Tool System\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-prokit-trust-item\"\u003e\n\n          \u003cspan class=\"tw-prokit-trust-number\"\u003e\n            21V\n          \u003c\/span\u003e\n\n          \u003cspan class=\"tw-prokit-trust-label\"\u003e\n            Battery Platform\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-prokit-trust-item\"\u003e\n\n          \u003cspan class=\"tw-prokit-trust-number\"\u003e\n            2×\n          \u003c\/span\u003e\n\n          \u003cspan class=\"tw-prokit-trust-label\"\u003e\n            Lithium Batteries\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-prokit-trust-item\"\u003e\n\n          \u003cspan class=\"tw-prokit-trust-number\"\u003e\n            1\n          \u003c\/span\u003e\n\n          \u003cspan class=\"tw-prokit-trust-label\"\u003e\n            Hard Carry Case\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       THREE TOOLS\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-container\" id=\"prokit-system\"\u003e\n\n    \u003cdiv class=\"tw-prokit-section\"\u003e\n\n      \u003cdiv class=\"tw-prokit-heading tw-reveal\"\u003e\n\n        \u003cdiv class=\"tw-prokit-kicker\"\u003e\n          THREE TOOLS. ONE SYSTEM.\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          YOUR TOOLBOX\u003cbr\u003e\n          \u003cspan style=\"color:#ff6500;\"\u003e\n            JUST GOT SERIOUS.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          One compact kit gives you three different\n          cordless tools for drilling, grinding and\n          fastening applications.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tw-tool-grid\"\u003e\n\n\n        \u003c!-- DRILL --\u003e\n\n        \u003cdiv class=\"tw-tool-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-tool-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tw-tool-icon\"\u003e\n            ⚙️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Cordless Drill\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Drill holes, drive screws and tackle everyday\n            installation and assembly tasks without a\n            power cord holding you back.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- GRINDER --\u003e\n\n        \u003cdiv class=\"tw-tool-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-tool-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tw-tool-icon\"\u003e\n            🔥\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Angle Grinder\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Take on suitable cutting, grinding and surface\n            preparation applications with cordless freedom\n            around the workshop or job site.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- IMPACT WRENCH --\u003e\n\n        \u003cdiv class=\"tw-tool-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-tool-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"tw-tool-icon\"\u003e\n            🔩\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Impact Wrench\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Put impact power behind suitable fastening\n            and removal jobs when stubborn nuts and bolts\n            need serious assistance.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       BATTERY SYSTEM\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-container\"\u003e\n\n    \u003cdiv class=\"tw-prokit-section\"\u003e\n\n      \u003cdiv class=\"tw-battery-section tw-reveal\"\u003e\n\n        \u003cdiv class=\"tw-battery-content\"\u003e\n\n          \u003cdiv class=\"tw-prokit-kicker\"\u003e\n            ONE BATTERY PLATFORM\n          \u003c\/div\u003e\n\n\n          \u003ch2\u003e\n            LESS CLUTTER.\u003cbr\u003e\n            \u003cspan\u003eMORE POWER.\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n\n          \u003cp\u003e\n            Instead of filling your workshop with multiple\n            battery platforms and chargers, ProKit gives\n            you a convenient 21V cordless system designed\n            around your three essential tools.\n          \u003c\/p\u003e\n\n\n          \u003cdiv class=\"tw-battery-pills\"\u003e\n\n            \u003cdiv class=\"tw-battery-pill\"\u003e\n              ⚡ 21V POWER\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tw-battery-pill\"\u003e\n              🔋 TWO BATTERIES\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tw-battery-pill\"\u003e\n              🔌 DUAL CHARGER\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"tw-battery-pill\"\u003e\n              🧰 ONE CASE\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       PICTURE THIS\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-container\"\u003e\n\n    \u003cdiv class=\"tw-prokit-section\"\u003e\n\n      \u003cdiv class=\"tw-prokit-heading tw-reveal\"\u003e\n\n        \u003cdiv class=\"tw-prokit-kicker\"\u003e\n          PICTURE THIS\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          DRILL IT.\u003cbr\u003e\n          GRIND IT.\u003cbr\u003e\n          \u003cspan style=\"color:#ff6500;\"\u003e\n            BOLT IT.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          One Saturday. Three jobs. One kit.\n          That's what having the right tools feels like.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tw-prokit-story\"\u003e\n\n\n        \u003cdiv class=\"tw-story-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-story-icon\"\u003e\n            🛠️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Start With The Drill\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Install brackets, drill suitable anchor holes,\n            assemble structures and get the first stage\n            of your project moving.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-story-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-story-icon\"\u003e\n            ⚡\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Finish With The Grinder\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Switch tools and move into suitable grinding,\n            cutting or surface-preparation work without\n            reaching for another toolbox.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-story-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-story-icon\"\u003e\n            🔩\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Lock It Down\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Finish the job with the impact wrench and\n            tackle suitable fastening applications with\n            cordless impact power.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-story-card tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-story-icon\"\u003e\n            🧰\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Pack It Away\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            When the work is done, everything goes back\n            into the hard carry case, ready for the next\n            project.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       WHAT'S IN THE BOX\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-container\"\u003e\n\n    \u003cdiv class=\"tw-prokit-section\"\u003e\n\n      \u003cdiv class=\"tw-box-layout\"\u003e\n\n\n        \u003cdiv class=\"tw-box-visual tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-box-symbol\"\u003e\n            🧰\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"tw-reveal\"\u003e\n\n          \u003cdiv class=\"tw-prokit-kicker\"\u003e\n            OPEN THE CASE\n          \u003c\/div\u003e\n\n\n          \u003ch2 style=\"\n            margin:13px 0 18px;\n            font-size:clamp(38px,5vw,58px);\n            line-height:.97;\n            font-weight:950;\n            text-transform:uppercase;\n          \"\u003e\n\n            EVERYTHING\u003cbr\u003e\n\n            \u003cspan style=\"color:#ff6500;\"\u003e\n              IN ONE KIT.\n            \u003c\/span\u003e\n\n          \u003c\/h2\u003e\n\n\n          \u003cp style=\"\n            color:#8d8d8d;\n            line-height:1.7;\n            margin-bottom:28px;\n          \"\u003e\n\n            No hunting around for individual tools.\n            No carrying three separate cases.\n            The ProKit puts your core cordless equipment\n            together in one organised system.\n\n          \u003c\/p\u003e\n\n\n          \u003cdiv class=\"tw-box-list\"\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              21V Cordless Drill\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              21V Cordless Angle Grinder\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              21V Cordless Impact Wrench\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              2 × Lithium-Ion Batteries\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              Dual Fast Charger\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              Drill Bits\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              Grinding Disc\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              Socket Set\n            \u003c\/div\u003e\n\n\n            \u003cdiv class=\"tw-box-item\"\u003e\n              \u003cspan\u003e✓\u003c\/span\u003e\n              Hard Carry Case\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       FINAL CTA\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"tw-prokit-final\"\u003e\n\n    \u003cdiv class=\"tw-final-content tw-reveal\"\u003e\n\n      \u003cdiv class=\"tw-prokit-kicker\"\u003e\n        TORQUE WOLF™\n      \u003c\/div\u003e\n\n\n      \u003ch2\u003e\n        ONE KIT.\u003cbr\u003e\n        EVERY JOB.\u003cbr\u003e\n        \u003cspan\u003eZERO EXCUSES.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n        Stop buying tools one at a time.\n        Build your toolbox around a cordless system\n        designed to help you take on more jobs with\n        less clutter.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"tw-prokit-buttons\" style=\"justify-content:center;\"\u003e\n\n        \u003ca href=\"#shopify-product\" class=\"tw-prokit-btn tw-prokit-primary\"\u003e\n\n          GET THE PROKIT\n\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tw-brand-line\"\u003e\n        TORQUE WOLF™ — POWER IN YOUR HANDS.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n\/* =========================================================\n   TORQUE WOLF™ PROKIT SCROLL REVEAL\n   ========================================================= *\/\n\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n\n  const elements=document.querySelectorAll(\n    \".tw-reveal\"\n  );\n\n  const observer=new IntersectionObserver(\n    function(entries){\n\n      entries.forEach(function(entry){\n\n        if(entry.isIntersecting){\n\n          entry.target.classList.add(\"tw-show\");\n\n          observer.unobserve(entry.target);\n\n        }\n\n      });\n\n    },\n    {\n      threshold:.12\n    }\n  );\n\n  elements.forEach(function(element){\n    observer.observe(element);\n  });\n\n});\n\u003c\/script\u003e","brand":"Torque Wolf","offers":[{"title":"Default Title","offer_id":54750255120750,"sku":null,"price":1599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1023\/1860\/4654\/files\/torque-wolf-flat-lay.png?v=1788868179","url":"https:\/\/torquewolf.co.za\/products\/torque-wolf%e2%84%a2-prokit-21v-cordless-3-in-1-power-tool-set","provider":"Torque Wolf","version":"1.0","type":"link"}