{"product_id":"toolvare-hardened-alloy-steel-hex-key-set","title":"Toolvare™ Hardened Alloy Steel Hex Key Set with Multi-Size L-Shaped Wrenches","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOOLVARE™\n   PROFESSIONAL GARDEN PRUNER\n   NAVY BLUE \/ SAFETY ORANGE \/ STEEL TOOL STYLE\n========================================================= *\/\n\n.toolvare-page,\n.toolvare-page * {\n  box-sizing: border-box;\n}\n\n.toolvare-page {\n  --tv-blue: #003b78;\n  --tv-blue-2: #075398;\n  --tv-blue-3: #0c67b2;\n\n  --tv-orange: #f47a16;\n  --tv-orange-2: #ff9635;\n\n  --tv-black: #171a1d;\n  --tv-steel: #5e6872;\n  --tv-steel-2: #a9b0b7;\n\n  --tv-white: #ffffff;\n  --tv-bg: #f5f7f8;\n  --tv-bg-2: #e9edf0;\n  --tv-line: #d9dfe4;\n\n  --tv-text: #1a1d21;\n  --tv-muted: #66717b;\n\n  position: relative;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  overflow: hidden;\n\n  color: var(--tv-text);\n\n  background:\n    radial-gradient(\n      circle at 8% 6%,\n      rgba(0,59,120,.07),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 92% 83%,\n      rgba(244,122,22,.06),\n      transparent 24%\n    ),\n    linear-gradient(\n      180deg,\n      #fbfcfd 0%,\n      #f0f3f5 48%,\n      #fafbfc 100%\n    );\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  text-align: left;\n}\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.toolvare-page h1,\n.toolvare-page h2,\n.toolvare-page h3,\n.toolvare-page p {\n  margin-top: 0;\n}\n\n.toolvare-page img {\n  display: block;\n  max-width: 100%;\n  border: 0;\n}\n\n.toolvare-page__container {\n  width: min(1180px, calc(100% - 40px));\n  max-width: 1180px;\n\n  margin: 0 auto;\n\n  padding: 58px 0 78px;\n}\n\n\n\/* =========================================================\n   TOP BRAND BAR\n========================================================= *\/\n\n.toolvare-page__top {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  width: 100%;\n\n  margin-bottom: 28px;\n  padding: 15px 20px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(0,59,120,.10);\n\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ffffff,\n      #eef3f7\n    );\n\n  box-shadow:\n    0 10px 28px rgba(0,0,0,.045);\n}\n\n.toolvare-page__top::before {\n  content: '';\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n  bottom: 0;\n\n  width: 7px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n.toolvare-page__brand {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  min-width: 0;\n}\n\n\n\/* LOGO-LIKE TOOL ICON *\/\n\n.toolvare-page__brand-mark {\n  position: relative;\n\n  width: 45px;\n  height: 45px;\n\n  flex: 0 0 45px;\n\n  border-radius: 12px;\n\n  background: var(--tv-blue);\n\n  overflow: hidden;\n}\n\n.toolvare-page__brand-mark::before {\n  content: '';\n\n  position: absolute;\n\n  width: 19px;\n  height: 27px;\n\n  left: 13px;\n  top: 7px;\n\n  border-radius: 10px 10px 4px 4px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #f2f3f4,\n      #707982,\n      #ffffff\n    );\n}\n\n.toolvare-page__brand-mark::after {\n  content: '';\n\n  position: absolute;\n\n  width: 15px;\n  height: 8px;\n\n  left: 15px;\n  bottom: 2px;\n\n  border-radius: 2px;\n\n  background: var(--tv-orange);\n}\n\n.toolvare-page__brand-name {\n  min-width: 0;\n\n  color: var(--tv-blue);\n\n  font-size: 13px;\n  line-height: 1.3;\n\n  font-weight: 900;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__brand-name strong {\n  color: var(--tv-orange);\n}\n\n.toolvare-page__series {\n  color: #66717c;\n\n  font-size: 10px;\n  line-height: 1.4;\n\n  font-weight: 800;\n\n  letter-spacing: .13em;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.toolvare-page__hero {\n  position: relative;\n\n  width: 100%;\n\n  margin-bottom: 64px;\n  padding: 46px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(0,59,120,.09);\n\n  border-radius: 24px;\n\n  background:\n    radial-gradient(\n      circle at 90% 12%,\n      rgba(0,82,155,.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 13% 90%,\n      rgba(244,122,22,.09),\n      transparent 26%\n    ),\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #edf3f7 62%,\n      #fff0e3 100%\n    );\n\n  box-shadow:\n    0 20px 52px rgba(0,0,0,.06);\n}\n\n.toolvare-page__hero::before {\n  content: '';\n\n  position: absolute;\n\n  right: -45px;\n  top: 38px;\n\n  width: 260px;\n  height: 7px;\n\n  transform: skewX(-32deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n.toolvare-page__hero-copy {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 900px;\n\n  margin-bottom: 32px;\n}\n\n.toolvare-page__eyebrow {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: #3c6387;\n\n  font-size: 10px;\n  line-height: 1.35;\n\n  font-weight: 900;\n\n  letter-spacing: .15em;\n\n  text-transform: uppercase;\n}\n\n.toolvare-page__eyebrow::before {\n  content: '';\n\n  width: 36px;\n  height: 3px;\n\n  flex-shrink: 0;\n\n  transform: skewX(-30deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n\n\/* =========================================================\n   HERO TITLE\n========================================================= *\/\n\n.toolvare-page__hero-title {\n  max-width: 950px;\n\n  margin: 0 0 18px;\n\n  color: #171a1f;\n\n  font-size:\n    clamp(38px,6vw,68px);\n\n  line-height: .98;\n\n  font-weight: 900;\n\n  letter-spacing: -.045em;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__hero-title .tv-brand {\n  background:\n    linear-gradient(\n      90deg,\n      #00366e 0%,\n      #07589d 70%,\n      #f47a16 100%\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n.toolvare-page__hero-text {\n  max-width: 760px;\n\n  margin: 0;\n\n  color: #626c75;\n\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   1:1 IMAGE\n========================================================= *\/\n\n.toolvare-page__image-wrap {\n  position: relative;\n\n  width: min(100%,820px);\n  max-width: 820px;\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.toolvare-page__image-wrap::before {\n  content: '';\n\n  position: absolute;\n  z-index: 3;\n\n  left: -7px;\n  top: 35px;\n\n  width: 7px;\n  height: 92px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n.toolvare-page__image-wrap::after {\n  content: '';\n\n  position: absolute;\n  z-index: 3;\n\n  right: -7px;\n  bottom: 35px;\n\n  width: 7px;\n  height: 92px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--tv-orange),\n      var(--tv-blue)\n    );\n}\n\n.toolvare-page__image {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 1 \/ 1;\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  border:\n    1px solid rgba(0,59,120,.12);\n\n  background:\n    linear-gradient(\n      145deg,\n      #edf1f4,\n      #dce2e7\n    );\n\n  box-shadow:\n    0 20px 46px rgba(0,0,0,.10);\n}\n\n.toolvare-page__image img {\n  position: absolute;\n\n  inset: 0;\n\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* =========================================================\n   QUICK TOOL SPECS\n========================================================= *\/\n\n.toolvare-page__specs {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap: 10px;\n\n  width: min(100%,980px);\n\n  margin: 32px auto 0;\n}\n\n.toolvare-page__spec {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 16px 14px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(0,0,0,.06);\n\n  border-radius: 12px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 8px 20px rgba(0,0,0,.035);\n}\n\n.toolvare-page__spec::before {\n  content: '';\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  width: 100%;\n  height: 3px;\n}\n\n.toolvare-page__spec:nth-child(1)::before {\n  background: var(--tv-blue);\n}\n\n.toolvare-page__spec:nth-child(2)::before {\n  background: var(--tv-orange);\n}\n\n.toolvare-page__spec:nth-child(3)::before {\n  background:\n    linear-gradient(\n      90deg,\n      #545f69,\n      #adb4bb\n    );\n}\n\n.toolvare-page__spec:nth-child(4)::before {\n  background:\n    linear-gradient(\n      90deg,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n.toolvare-page__spec strong {\n  display: block;\n\n  width: 100%;\n\n  margin-bottom: 5px;\n\n  color: #18202a;\n\n  font-size: 10px;\n  line-height: 1.3;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__spec span {\n  display: block;\n\n  width: 100%;\n\n  color: #68727c;\n\n  font-size: 10px;\n  line-height: 1.5;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n   COMMON SECTION TEXT\n========================================================= *\/\n\n.toolvare-page__head {\n  width: min(100%,900px);\n\n  margin: 0 auto 30px;\n}\n\n.toolvare-page__label {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  margin-bottom: 11px;\n\n  color: #456885;\n\n  font-size: 10px;\n  line-height: 1.35;\n\n  font-weight: 900;\n\n  letter-spacing: .14em;\n\n  text-transform: uppercase;\n}\n\n.toolvare-page__label::before {\n  content: '';\n\n  width: 30px;\n  height: 3px;\n\n  flex-shrink: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n.toolvare-page__title {\n  max-width: 830px;\n\n  margin: 0 0 14px;\n\n  color: #171b20;\n\n  font-size:\n    clamp(30px,4vw,47px);\n\n  line-height: 1.04;\n\n  font-weight: 900;\n\n  letter-spacing: -.035em;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__title strong {\n  background:\n    linear-gradient(\n      90deg,\n      #003b78,\n      #075b9f,\n      #f47a16\n    );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n\n  color: transparent;\n}\n\n.toolvare-page__text {\n  max-width: 790px;\n\n  margin: 0;\n\n  color: #626c75;\n\n  font-size: 14px;\n  line-height: 1.82;\n}\n\n\n\/* =========================================================\n   SECTION 1\n========================================================= *\/\n\n.toolvare-page__cutting {\n  position: relative;\n\n  width: 100%;\n\n  margin-bottom: 64px;\n  padding: 40px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(0,59,120,.07);\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #eef2f5\n    );\n\n  box-shadow:\n    0 16px 40px rgba(0,0,0,.05);\n}\n\n.toolvare-page__cutting::before {\n  content: '';\n\n  position: absolute;\n\n  top: 0;\n  left: 40px;\n\n  width: 100px;\n  height: 4px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--tv-blue),\n      var(--tv-orange)\n    );\n}\n\n\n\/* =========================================================\n   USE GRID\n========================================================= *\/\n\n.toolvare-page__uses {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap: 10px;\n\n  width: min(100%,1040px);\n\n  margin: 30px auto 0;\n}\n\n.toolvare-page__use {\n  min-width: 0;\n\n  padding: 16px 12px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(0,0,0,.06);\n\n  border-radius: 11px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 8px 18px rgba(0,0,0,.03);\n}\n\n.toolvare-page__use strong {\n  display: block;\n\n  width: 100%;\n\n  margin-bottom: 5px;\n\n  color: #172231;\n\n  font-size: 9px;\n  line-height: 1.28;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__use span {\n  display: block;\n\n  width: 100%;\n\n  color: #69747e;\n\n  font-size: 9.5px;\n  line-height: 1.48;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n   FUNCTION SECTION\n========================================================= *\/\n\n.toolvare-page__function {\n  position: relative;\n\n  width: 100%;\n\n  margin-bottom: 64px;\n  padding: 40px;\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  border:\n    1px solid rgba(244,122,22,.10);\n\n  background:\n    radial-gradient(\n      circle at 88% 14%,\n      rgba(0,59,120,.09),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 12% 87%,\n      rgba(244,122,22,.07),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #f9fafb,\n      #e9eef2 62%,\n      #fff0e5\n    );\n\n  box-shadow:\n    0 16px 40px rgba(0,0,0,.05);\n}\n\n\n\/* =========================================================\n   MECHANICAL BENEFITS\n========================================================= *\/\n\n.toolvare-page__mechanics {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 12px;\n\n  width: min(100%,980px);\n\n  margin: 0 auto 30px;\n}\n\n.toolvare-page__mechanic {\n  min-width: 0;\n\n  padding: 19px 17px;\n\n  overflow: hidden;\n\n  border-radius: 13px;\n}\n\n.toolvare-page__mechanic:nth-child(1) {\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      145deg,\n      #003b78,\n      #072b50\n    );\n}\n\n.toolvare-page__mechanic:nth-child(2) {\n  color: #1b2026;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #e6eaed\n    );\n\n  border:\n    1px solid #d6dce1;\n}\n\n.toolvare-page__mechanic:nth-child(3) {\n  color: #ffffff;\n\n  background:\n    linear-gradient(\n      145deg,\n      #e76412,\n      #f68b28\n    );\n}\n\n.toolvare-page__mechanic strong {\n  display: block;\n\n  width: 100%;\n\n  margin-bottom: 7px;\n\n  color: inherit;\n\n  font-size: 9.5px;\n  line-height: 1.3;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__mechanic span {\n  display: block;\n\n  width: 100%;\n\n  font-size: 10px;\n  line-height: 1.52;\n\n  opacity: .87;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n   ENVIRONMENTS\n========================================================= *\/\n\n.toolvare-page__environments {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap: 10px;\n\n  width: min(100%,1000px);\n\n  margin: 32px auto 0;\n}\n\n.toolvare-page__environment {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 16px 14px 16px 18px;\n\n  overflow: hidden;\n\n  border:\n    1px solid rgba(0,0,0,.06);\n\n  border-radius: 11px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 7px 18px rgba(0,0,0,.03);\n}\n\n.toolvare-page__environment::before {\n  content: '';\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n  bottom: 0;\n\n  width: 4px;\n\n  background: var(--tv-blue);\n}\n\n.toolvare-page__environment:nth-child(even)::before {\n  background: var(--tv-orange);\n}\n\n.toolvare-page__environment strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #19212a;\n\n  font-size: 9.5px;\n  line-height: 1.3;\n\n  font-weight: 900;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__environment span {\n  display: block;\n\n  color: #69747e;\n\n  font-size: 10px;\n  line-height: 1.5;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.toolvare-page__final {\n  position: relative;\n\n  width: 100%;\n\n  padding: 44px;\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  color: #ffffff;\n\n  background:\n    radial-gradient(\n      circle at 88% 14%,\n      rgba(244,122,22,.23),\n      transparent 27%\n    ),\n    linear-gradient(\n      135deg,\n      #002d5c 0%,\n      #003f7f 60%,\n      #072743 100%\n    );\n\n  box-shadow:\n    0 20px 48px rgba(0,0,0,.12);\n}\n\n.toolvare-page__final::before {\n  content: '';\n\n  position: absolute;\n\n  right: 0;\n  top: 32px;\n\n  width: 38%;\n  height: 6px;\n\n  transform: skewX(-34deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--tv-orange)\n    );\n}\n\n.toolvare-page__final::after {\n  content: 'TOOLVARE';\n\n  position: absolute;\n\n  right: -10px;\n  bottom: -25px;\n\n  color:\n    rgba(255,255,255,.035);\n\n  font-size:\n    clamp(68px,12vw,145px);\n\n  line-height: 1;\n\n  font-weight: 900;\n\n  letter-spacing: -.07em;\n\n  pointer-events: none;\n}\n\n.toolvare-page__final-content {\n  position: relative;\n  z-index: 2;\n\n  max-width: 830px;\n}\n\n.toolvare-page__final-label {\n  display: block;\n\n  margin-bottom: 11px;\n\n  color: #ff9b4a;\n\n  font-size: 10px;\n  line-height: 1.4;\n\n  font-weight: 900;\n\n  letter-spacing: .16em;\n\n  text-transform: uppercase;\n}\n\n.toolvare-page__final-title {\n  max-width: 800px;\n\n  margin: 0 0 14px;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(28px,3.8vw,44px);\n\n  line-height: 1.07;\n\n  font-weight: 900;\n\n  letter-spacing: -.03em;\n\n  text-transform: uppercase;\n\n  word-break: normal;\n  overflow-wrap: break-word;\n}\n\n.toolvare-page__final-title strong {\n  color: #ff9635;\n}\n\n.toolvare-page__final-text {\n  max-width: 760px;\n\n  margin: 0;\n\n  color: #d5e1eb;\n\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (max-width:900px) {\n\n  .toolvare-page__container {\n    width:\n      min(760px,calc(100% - 28px));\n\n    padding:\n      46px 0 58px;\n  }\n\n  .toolvare-page__hero {\n    padding: 32px;\n\n    margin-bottom: 54px;\n  }\n\n  .toolvare-page__specs {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .toolvare-page__cutting,\n  .toolvare-page__function {\n    padding: 30px;\n\n    margin-bottom: 54px;\n  }\n\n  .toolvare-page__uses {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .toolvare-page__mechanics {\n    grid-template-columns: 1fr;\n  }\n\n  .toolvare-page__environments {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .toolvare-page__image-wrap {\n    width:\n      min(100%,720px);\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width:560px) {\n\n  .toolvare-page__container {\n    width:\n      calc(100% - 22px);\n\n    padding:\n      32px 0 44px;\n  }\n\n  .toolvare-page__top {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 8px;\n\n    padding:\n      14px 15px 14px 20px;\n  }\n\n  .toolvare-page__series {\n    padding-left: 57px;\n  }\n\n  .toolvare-page__hero {\n    padding:\n      22px 18px;\n\n    margin-bottom: 44px;\n\n    border-radius: 18px;\n  }\n\n  .toolvare-page__hero-copy {\n    margin-bottom: 24px;\n  }\n\n  .toolvare-page__hero-title {\n    font-size: 34px;\n    line-height: 1;\n\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .toolvare-page__hero-text,\n  .toolvare-page__text,\n  .toolvare-page__final-text {\n    font-size: 13px;\n  }\n\n  .toolvare-page__image-wrap {\n    width: 100%;\n  }\n\n  .toolvare-page__image {\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    border-radius: 16px;\n  }\n\n  .toolvare-page__image-wrap::before,\n  .toolvare-page__image-wrap::after {\n    width: 5px;\n    height: 60px;\n  }\n\n  .toolvare-page__specs,\n  .toolvare-page__uses,\n  .toolvare-page__environments {\n    grid-template-columns: 1fr;\n  }\n\n  .toolvare-page__cutting,\n  .toolvare-page__function {\n    padding:\n      22px 18px;\n\n    margin-bottom: 42px;\n\n    border-radius: 17px;\n  }\n\n  .toolvare-page__title {\n    font-size: 28px;\n    line-height: 1.04;\n\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .toolvare-page__final {\n    padding:\n      28px 20px;\n\n    border-radius: 18px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width:380px) {\n\n  .toolvare-page__container {\n    width:\n      calc(100% - 18px);\n  }\n\n  .toolvare-page__hero-title {\n    font-size: 30px;\n  }\n\n  .toolvare-page__title {\n    font-size: 25px;\n  }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"toolvare-page\"\u003e\n\u003cdiv class=\"toolvare-page__container\"\u003e\n\u003cdiv class=\"toolvare-page__top\"\u003e\n\u003cdiv class=\"toolvare-page__brand\"\u003e\n\u003cspan class=\"toolvare-page__brand-mark\"\u003e\u003c\/span\u003e \u003cspan class=\"toolvare-page__brand-name\"\u003eTOOL\u003cstrong\u003eVARE\u003c\/strong\u003e™\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"toolvare-page__series\"\u003eHand Tools · Hardened Alloy Steel Hex Key Set\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__hero\"\u003e\n\u003cdiv class=\"toolvare-page__hero-copy\"\u003e\n\u003cdiv class=\"toolvare-page__eyebrow\"\u003eMULTI-SIZE L-SHAPED HEX TOOL SET\u003c\/div\u003e\n\u003ch1 class=\"toolvare-page__hero-title\"\u003e\n\u003cspan class=\"tv-brand\"\u003eToolvare™\u003c\/span\u003e Hardened Alloy Steel Hex Key Set\u003c\/h1\u003e\n\u003cp class=\"toolvare-page__hero-text\"\u003eFrom furniture assembly to mechanical adjustments, having the correct hex size makes every task easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__image-wrap\"\u003e\n\u003cdiv class=\"toolvare-page__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0788\/0684\/3507\/files\/ChatGPT_2026_9_30_20_27_05-8.png?v=1791292265\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__specs\"\u003e\n\u003cdiv class=\"toolvare-page__spec\"\u003e\n\u003cstrong\u003eMultiple Sizes\u003c\/strong\u003e\u003cspan\u003eMatch common hex fasteners.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__spec\"\u003e\n\u003cstrong\u003eHardened Alloy Steel\u003c\/strong\u003e\u003cspan\u003eSupports reliable torque transfer.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__spec\"\u003e\n\u003cstrong\u003eL-Shaped Design\u003c\/strong\u003e\u003cspan\u003eOffers reach or leverage depending on orientation.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__spec\"\u003e\n\u003cstrong\u003eOrganized Holder\u003c\/strong\u003e\u003cspan\u003eKeeps sizes easy to identify.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__cutting\"\u003e\n\u003cdiv class=\"toolvare-page__head\"\u003e\n\u003cdiv class=\"toolvare-page__label\"\u003eTHE RIGHT HEX SIZE FOR THE JOB\u003c\/div\u003e\n\u003ch2 class=\"toolvare-page__title\"\u003eREACH DEEPER. \u003cstrong\u003eAPPLY MORE LEVERAGE.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"toolvare-page__text\"\u003eThe Toolvare™ Hex Key Set includes multiple commonly used sizes for furniture, bicycles, equipment, workshop maintenance, and everyday DIY repairs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__image-wrap\"\u003e\n\u003cdiv class=\"toolvare-page__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0788\/0684\/3507\/files\/ChatGPT_2026_9_30_20_27_03-6.png?v=1791292265\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__uses\"\u003e\n\u003cdiv class=\"toolvare-page__use\"\u003e\n\u003cstrong\u003eFurniture\u003c\/strong\u003e\u003cspan\u003eHandle assembly and adjustment.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__use\"\u003e\n\u003cstrong\u003eBicycles\u003c\/strong\u003e\u003cspan\u003eSupport common maintenance tasks.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__use\"\u003e\n\u003cstrong\u003eEquipment\u003c\/strong\u003e\u003cspan\u003eWork with compatible hex fasteners.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__use\"\u003e\n\u003cstrong\u003eMechanical Repairs\u003c\/strong\u003e\u003cspan\u003eKeep common sizes close by.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__use\"\u003e\n\u003cstrong\u003eDIY Projects\u003c\/strong\u003e\u003cspan\u003eUse across routine household jobs.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__function\"\u003e\n\u003cdiv class=\"toolvare-page__head\"\u003e\n\u003cdiv class=\"toolvare-page__label\"\u003eTWO WORKING POSITIONS\u003c\/div\u003e\n\u003ch2 class=\"toolvare-page__title\"\u003eLONG ARM FOR REACH. \u003cstrong\u003eSHORT ARM FOR TORQUE.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"toolvare-page__text\"\u003eEach wrench is made from hardened alloy steel and precision formed to provide dependable torque transfer and resistance to regular wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__mechanics\"\u003e\n\u003cdiv class=\"toolvare-page__mechanic\"\u003e\n\u003cstrong\u003ePrecision-Formed Ends\u003c\/strong\u003e\u003cspan\u003eSupport more stable fastener engagement.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__mechanic\"\u003e\n\u003cstrong\u003eHardened Steel\u003c\/strong\u003e\u003cspan\u003eProvides durability for regular use.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__mechanic\"\u003e\n\u003cstrong\u003eL-Shaped Profile\u003c\/strong\u003e\u003cspan\u003eLets users choose between reach and turning leverage.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__image-wrap\"\u003e\n\u003cdiv class=\"toolvare-page__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0788\/0684\/3507\/files\/ChatGPT_2026_9_30_20_27_04-7.png?v=1791292264\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__environments\"\u003e\n\u003cdiv class=\"toolvare-page__environment\"\u003e\n\u003cstrong\u003eHome Toolbox\u003c\/strong\u003e\u003cspan\u003eKeep common hex sizes together.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__environment\"\u003e\n\u003cstrong\u003eGarage\u003c\/strong\u003e\u003cspan\u003eHandle bicycle and equipment adjustments.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__environment\"\u003e\n\u003cstrong\u003eWorkshop\u003c\/strong\u003e\u003cspan\u003eUse across mechanical tasks.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__environment\"\u003e\n\u003cstrong\u003eDIY Bench\u003c\/strong\u003e\u003cspan\u003eKeep a reliable multi-size set ready.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"toolvare-page__final\"\u003e\n\u003cdiv class=\"toolvare-page__final-content\"\u003e\n\u003cspan class=\"toolvare-page__final-label\"\u003eTOOLVARE™ · BUILT FOR EVERYDAY WORK\u003c\/span\u003e\n\u003ch2 class=\"toolvare-page__final-title\"\u003eDEPENDABLE HEX TOOLS FOR \u003cstrong\u003eEVERYDAY ADJUSTMENTS.\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"toolvare-page__final-text\"\u003eThe L-shaped design offers two working positions: use the longer arm for added reach into recessed fasteners or the shorter arm when additional turning leverage is required.\u003cbr\u003e\u003cbr\u003eClearly marked sizes and an organized storage holder make it easier to select the right wrench quickly. The Toolvare™ Hex Key Set is a reliable addition to home toolboxes, garages, and workshop benches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Toolvare™","offers":[{"title":"1pc","offer_id":66804842070131,"sku":"toolvare*1","price":39.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":66804842102899,"sku":"toolvare*2","price":61.98,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":66804842135667,"sku":"toolvare*4","price":93.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0788\/0684\/3507\/files\/1_63c1415c-a606-45c3-a04d-db54c9b2f5d1.png?v=1791292244","url":"https:\/\/toolvare.com\/products\/toolvare-hardened-alloy-steel-hex-key-set","provider":"Toolvare™","version":"1.0","type":"link"}