{"product_id":"totodirect-apexlight-3-mode-rechargeable-flashlight","title":"TotoDirect ApexLight (3 Mode Rechargeable Flashlight)","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOTODIRECT APEXLIGHT — PREMIUM PRODUCT SECTION\n   ========================================================= *\/\n\n.td-apex {\n  --forest: #2D5016;\n  --beige: #C9A96E;\n  --orange: #E8651A;\n  --charcoal: #2C2C2C;\n  --cream: #F5F0E8;\n\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  background:\n    radial-gradient(circle at 85% 15%, rgba(201,169,110,.16), transparent 30%),\n    radial-gradient(circle at 10% 85%, rgba(232,101,26,.08), transparent 25%),\n    var(--cream);\n  color: var(--charcoal);\n  font-family: inherit;\n}\n\n.td-apex::before {\n  content: \"\";\n  position: absolute;\n  width: 420px;\n  height: 420px;\n  border-radius: 50%;\n  background: rgba(45,80,22,.07);\n  top: -180px;\n  right: -130px;\n  filter: blur(2px);\n  animation: tdFloat 8s ease-in-out infinite;\n}\n\n.td-apex::after {\n  content: \"\";\n  position: absolute;\n  width: 280px;\n  height: 280px;\n  border-radius: 50%;\n  background: rgba(232,101,26,.06);\n  bottom: -150px;\n  left: -100px;\n  animation: tdFloat 10s ease-in-out infinite reverse;\n}\n\n.td-apex-wrap {\n  position: relative;\n  z-index: 2;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 80px 24px;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.td-apex-hero {\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  gap: 65px;\n  align-items: center;\n}\n\n.td-apex-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  color: var(--forest);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  animation: tdFadeUp .8s ease both;\n}\n\n.td-apex-eyebrow::before {\n  content: \"\";\n  width: 34px;\n  height: 2px;\n  background: var(--orange);\n}\n\n.td-apex-copy h2 {\n  margin: 0 0 20px;\n  color: var(--forest);\n  font-size: clamp(40px, 5vw, 70px);\n  line-height: .98;\n  letter-spacing: -.045em;\n  font-weight: 900;\n  animation: tdFadeUp .9s .1s ease both;\n}\n\n.td-apex-copy h2 span {\n  color: var(--orange);\n}\n\n.td-apex-intro {\n  max-width: 620px;\n  margin: 0 0 28px;\n  color: rgba(44,44,44,.78);\n  font-size: 18px;\n  line-height: 1.75;\n  animation: tdFadeUp .9s .2s ease both;\n}\n\n.td-apex-intro strong {\n  color: var(--forest);\n}\n\n\n\/* =========================================================\n   STATS\n========================================================= *\/\n\n.td-apex-stats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 28px;\n  animation: tdFadeUp .9s .3s ease both;\n}\n\n.td-apex-stat {\n  padding: 12px 16px;\n  border: 1px solid rgba(45,80,22,.15);\n  border-radius: 999px;\n  background: rgba(255,255,255,.55);\n  backdrop-filter: blur(8px);\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--forest);\n  transition: .3s ease;\n}\n\n.td-apex-stat:hover {\n  transform: translateY(-4px);\n  border-color: var(--beige);\n  box-shadow: 0 12px 25px rgba(45,80,22,.10);\n}\n\n\n\/* =========================================================\n   PRODUCT VISUAL\n========================================================= *\/\n\n.td-apex-visual {\n  position: relative;\n  min-height: 440px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: tdFadeIn 1.1s .2s ease both;\n}\n\n.td-apex-circle {\n  position: absolute;\n  width: 380px;\n  height: 380px;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle,\n      rgba(201,169,110,.25) 0%,\n      rgba(201,169,110,.10) 45%,\n      rgba(45,80,22,.05) 70%,\n      transparent 72%);\n  animation: tdPulse 4s ease-in-out infinite;\n}\n\n.td-apex-ring {\n  position: absolute;\n  width: 310px;\n  height: 310px;\n  border: 1px solid rgba(45,80,22,.22);\n  border-radius: 50%;\n  animation: tdSpin 18s linear infinite;\n}\n\n.td-apex-ring::after {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--orange);\n  top: 12px;\n  left: 50%;\n  box-shadow: 0 0 20px rgba(232,101,26,.55);\n}\n\n\n\/* =========================================================\n   FLASHLIGHT\n========================================================= *\/\n\n.td-apex-torch {\n  position: relative;\n  z-index: 3;\n  width: 90px;\n  height: 290px;\n  border-radius: 30px 30px 20px 20px;\n  background:\n    linear-gradient(\n      90deg,\n      #1b1b1b 0%,\n      #3d3d3d 30%,\n      #171717 55%,\n      #383838 100%\n    );\n  box-shadow:\n    20px 28px 40px rgba(0,0,0,.25),\n    inset 7px 0 12px rgba(255,255,255,.08);\n  transform: rotate(22deg);\n  animation: tdTorchFloat 4s ease-in-out infinite;\n}\n\n.td-apex-torch::before {\n  content: \"\";\n  position: absolute;\n  top: -24px;\n  left: -9px;\n  width: 108px;\n  height: 42px;\n  border-radius: 15px 15px 8px 8px;\n  background: linear-gradient(180deg,#222,#4a4a4a);\n  box-shadow: inset 0 4px 5px rgba(255,255,255,.08);\n}\n\n.td-apex-torch::after {\n  content: \"\";\n  position: absolute;\n  top: -13px;\n  left: 20px;\n  width: 50px;\n  height: 16px;\n  border-radius: 50%;\n  background: #f7e7b5;\n  box-shadow:\n    0 0 18px rgba(255,220,140,.9),\n    0 0 50px rgba(232,101,26,.25);\n}\n\n.td-apex-switch {\n  position: absolute;\n  top: 110px;\n  left: 19px;\n  width: 52px;\n  height: 28px;\n  border-radius: 20px;\n  background: #111;\n  border: 1px solid rgba(255,255,255,.1);\n}\n\n.td-apex-switch::after {\n  content: \"\";\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--orange);\n  top: 7px;\n  left: 7px;\n  box-shadow: 0 0 10px rgba(232,101,26,.5);\n}\n\n\n\/* =========================================================\n   FLOATING FEATURES\n========================================================= *\/\n\n.td-apex-float {\n  position: absolute;\n  z-index: 5;\n  padding: 13px 17px;\n  border-radius: 14px;\n  background: rgba(255,255,255,.78);\n  border: 1px solid rgba(45,80,22,.12);\n  box-shadow: 0 15px 35px rgba(45,80,22,.12);\n  backdrop-filter: blur(12px);\n  color: var(--forest);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: .03em;\n  animation: tdFloat 4s ease-in-out infinite;\n}\n\n.td-apex-float.one {\n  top: 60px;\n  right: 0;\n}\n\n.td-apex-float.two {\n  bottom: 60px;\n  left: 0;\n  animation-delay: 1s;\n}\n\n.td-apex-float.three {\n  bottom: 15px;\n  right: 25px;\n  animation-delay: 2s;\n}\n\n.td-apex-float span {\n  display: block;\n  margin-top: 3px;\n  color: rgba(44,44,44,.55);\n  font-size: 10px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   PERFORMANCE\n========================================================= *\/\n\n.td-apex-performance {\n  margin-top: 90px;\n  padding: 55px 0 0;\n  border-top: 1px solid rgba(45,80,22,.12);\n}\n\n.td-apex-heading {\n  text-align: center;\n  margin-bottom: 38px;\n}\n\n.td-apex-heading small {\n  display: block;\n  margin-bottom: 10px;\n  color: var(--orange);\n  font-weight: 900;\n  font-size: 11px;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.td-apex-heading h3 {\n  margin: 0;\n  color: var(--forest);\n  font-size: clamp(30px,4vw,48px);\n  letter-spacing: -.035em;\n}\n\n.td-apex-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 14px;\n}\n\n.td-apex-card {\n  position: relative;\n  padding: 25px 18px;\n  min-height: 175px;\n  border-radius: 20px;\n  background: rgba(255,255,255,.58);\n  border: 1px solid rgba(45,80,22,.10);\n  overflow: hidden;\n  transition:\n    transform .4s cubic-bezier(.2,.8,.2,1),\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n.td-apex-card::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  border-radius: 50%;\n  background: rgba(201,169,110,.14);\n  right: -35px;\n  bottom: -35px;\n  transition: .4s ease;\n}\n\n.td-apex-card:hover {\n  transform: translateY(-9px);\n  border-color: rgba(201,169,110,.5);\n  box-shadow: 0 22px 45px rgba(45,80,22,.13);\n}\n\n.td-apex-card:hover::before {\n  transform: scale(1.5);\n}\n\n.td-apex-icon {\n  position: relative;\n  z-index: 2;\n  width: 43px;\n  height: 43px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 17px;\n  border-radius: 13px;\n  background: var(--forest);\n  color: white;\n  font-size: 19px;\n  box-shadow: 0 8px 18px rgba(45,80,22,.2);\n}\n\n.td-apex-card h4 {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 8px;\n  color: var(--forest);\n  font-size: 14px;\n}\n\n.td-apex-card p {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  color: rgba(44,44,44,.65);\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   3 MODES — DROPDOWN SECTION\n========================================================= *\/\n\n.td-apex-modes {\n  margin-top: 85px;\n  padding: 65px 0 10px;\n  border-top: 1px solid rgba(45,80,22,.12);\n}\n\n.td-apex-modes .td-apex-heading {\n  margin-bottom: 35px;\n}\n\n.td-apex-modes .td-apex-heading p {\n  max-width: 500px;\n  margin: 12px auto 0;\n  color: rgba(44,44,44,.6);\n  font-size: 14px;\n}\n\n.td-apex-mode-list {\n  max-width: 850px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.td-apex-mode {\n  position: relative;\n  border: 1px solid rgba(45,80,22,.13);\n  border-radius: 18px;\n  background: rgba(255,255,255,.6);\n  overflow: hidden;\n\n  transition:\n    border-color .35s ease,\n    box-shadow .35s ease,\n    transform .35s ease;\n}\n\n.td-apex-mode:hover {\n  transform: translateY(-3px);\n  border-color: rgba(201,169,110,.7);\n  box-shadow: 0 15px 35px rgba(45,80,22,.09);\n}\n\n.td-apex-mode summary {\n  list-style: none;\n  cursor: pointer;\n\n  display: grid;\n  grid-template-columns: 65px 1fr 45px;\n  align-items: center;\n\n  padding: 20px 24px;\n}\n\n.td-apex-mode summary::-webkit-details-marker {\n  display: none;\n}\n\n.td-mode-number {\n  width: 40px;\n  height: 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n\n  background: var(--forest);\n  color: var(--cream);\n\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: .08em;\n\n  transition: .3s ease;\n}\n\n.td-mode-main {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.td-mode-main strong {\n  color: var(--forest);\n  font-size: 16px;\n  font-weight: 900;\n}\n\n.td-mode-main span {\n  color: rgba(44,44,44,.55);\n  font-size: 12px;\n}\n\n.td-mode-arrow {\n  width: 34px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: rgba(45,80,22,.08);\n  color: var(--forest);\n\n  font-size: 22px;\n  font-weight: 400;\n\n  transition:\n    transform .4s ease,\n    background .3s ease,\n    color .3s ease;\n}\n\n.td-apex-mode[open] {\n  border-color: rgba(201,169,110,.75);\n  box-shadow: 0 18px 40px rgba(45,80,22,.1);\n}\n\n.td-apex-mode[open] .td-mode-number {\n  background: var(--orange);\n}\n\n.td-apex-mode[open] .td-mode-arrow {\n  transform: rotate(45deg);\n  background: var(--orange);\n  color: white;\n}\n\n.td-mode-content {\n  padding: 0 30px 27px 89px;\n  animation: tdModeOpen .4s ease both;\n}\n\n.td-mode-line {\n  width: 100%;\n  height: 1px;\n  margin-bottom: 20px;\n  background: rgba(45,80,22,.1);\n}\n\n.td-mode-content p {\n  margin: 0;\n  max-width: 680px;\n  color: rgba(44,44,44,.72);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.td-mode-content p strong {\n  color: var(--forest);\n}\n\n.td-mode-use {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-top: 20px;\n  padding: 9px 13px;\n\n  border-radius: 8px;\n\n  background: rgba(201,169,110,.13);\n\n  color: var(--forest);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.td-mode-use span {\n  color: var(--orange);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .1em;\n}\n\n\n\/* =========================================================\n   PERFECT FOR\n========================================================= *\/\n\n.td-apex-use {\n  margin-top: 80px;\n  padding: 45px;\n  border-radius: 28px;\n  background: var(--forest);\n  color: white;\n  position: relative;\n  overflow: hidden;\n}\n\n.td-apex-use::before {\n  content: \"\";\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  background: rgba(201,169,110,.10);\n  right: -120px;\n  top: -150px;\n}\n\n.td-apex-use h3 {\n  position: relative;\n  margin: 0 0 24px;\n  color: var(--cream);\n  font-size: 30px;\n  letter-spacing: -.02em;\n}\n\n.td-apex-tags {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.td-apex-tag {\n  padding: 10px 15px;\n  border-radius: 999px;\n  border: 1px solid rgba(245,240,232,.2);\n  color: var(--cream);\n  background: rgba(255,255,255,.05);\n  font-size: 12px;\n  font-weight: 700;\n  transition: .3s ease;\n}\n\n.td-apex-tag:hover {\n  background: var(--orange);\n  border-color: var(--orange);\n  transform: translateY(-3px);\n}\n\n\n\/* =========================================================\n   BRAND FOOTER\n========================================================= *\/\n\n.td-apex-footer {\n  text-align: center;\n  padding-top: 55px;\n}\n\n.td-apex-footer-line {\n  width: 50px;\n  height: 3px;\n  margin: 0 auto 18px;\n  background: var(--orange);\n  border-radius: 10px;\n}\n\n.td-apex-footer p {\n  margin: 0;\n  color: var(--forest);\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: .08em;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n========================================================= *\/\n\n@keyframes tdFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes tdFadeIn {\n  from {\n    opacity: 0;\n    transform: scale(.94);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes tdFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n@keyframes tdTorchFloat {\n  0%,100% {\n    transform: rotate(22deg) translateY(0);\n  }\n\n  50% {\n    transform: rotate(22deg) translateY(-12px);\n  }\n}\n\n@keyframes tdPulse {\n  0%,100% {\n    transform: scale(.95);\n    opacity: .75;\n  }\n\n  50% {\n    transform: scale(1.05);\n    opacity: 1;\n  }\n}\n\n@keyframes tdSpin {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes tdModeOpen {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .td-apex-wrap {\n    padding: 60px 18px;\n  }\n\n  .td-apex-hero {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .td-apex-copy {\n    text-align: center;\n  }\n\n  .td-apex-eyebrow {\n    justify-content: center;\n  }\n\n  .td-apex-intro {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .td-apex-stats {\n    justify-content: center;\n  }\n\n  .td-apex-visual {\n    min-height: 390px;\n    margin-top: 10px;\n  }\n\n  .td-apex-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .td-apex-card:last-child {\n    grid-column: span 2;\n  }\n\n  .td-apex-use {\n    padding: 35px 24px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 550px) {\n\n  .td-apex-wrap {\n    padding: 48px 15px;\n  }\n\n  .td-apex-copy h2 {\n    font-size: 43px;\n  }\n\n  .td-apex-intro {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .td-apex-visual {\n    min-height: 340px;\n  }\n\n  .td-apex-circle {\n    width: 290px;\n    height: 290px;\n  }\n\n  .td-apex-ring {\n    width: 235px;\n    height: 235px;\n  }\n\n  .td-apex-torch {\n    width: 70px;\n    height: 225px;\n  }\n\n  .td-apex-torch::before {\n    width: 85px;\n    height: 34px;\n    left: -7px;\n    top: -20px;\n  }\n\n  .td-apex-torch::after {\n    left: 16px;\n    width: 39px;\n    height: 13px;\n    top: -11px;\n  }\n\n  .td-apex-switch {\n    transform: scale(.8);\n    transform-origin: left top;\n  }\n\n  .td-apex-float {\n    font-size: 10px;\n    padding: 10px 12px;\n  }\n\n  .td-apex-float.one {\n    top: 40px;\n    right: 0;\n  }\n\n  .td-apex-float.two {\n    bottom: 45px;\n    left: 0;\n  }\n\n  .td-apex-float.three {\n    bottom: 0;\n    right: 5px;\n  }\n\n  .td-apex-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .td-apex-card:last-child {\n    grid-column: auto;\n  }\n\n  .td-apex-performance {\n    margin-top: 55px;\n  }\n\n  .td-apex-modes {\n    margin-top: 60px;\n    padding-top: 50px;\n  }\n\n  .td-apex-mode summary {\n    grid-template-columns: 50px 1fr 38px;\n    padding: 17px 15px;\n  }\n\n  .td-mode-number {\n    width: 36px;\n    height: 36px;\n    border-radius: 10px;\n  }\n\n  .td-mode-main strong {\n    font-size: 14px;\n  }\n\n  .td-mode-main span {\n    font-size: 11px;\n  }\n\n  .td-mode-arrow {\n    width: 30px;\n    height: 30px;\n    font-size: 19px;\n  }\n\n  .td-mode-content {\n    padding: 0 17px 22px 65px;\n  }\n\n  .td-mode-content p {\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .td-mode-use {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .td-apex-use {\n    margin-top: 55px;\n    border-radius: 22px;\n  }\n\n  .td-apex-use h3 {\n    font-size: 26px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .td-apex *,\n  .td-apex::before,\n  .td-apex::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"td-apex\"\u003e\n\n  \u003cdiv class=\"td-apex-wrap\"\u003e\n\n\n    \u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"td-apex-hero\"\u003e\n\n      \u003cdiv class=\"td-apex-copy\"\u003e\n\n        \u003cdiv class=\"td-apex-eyebrow\"\u003e\n          TotoDirect Outdoor Gear\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          When the lights go out,\n          \u003cspan\u003eApexLight\u003c\/span\u003e goes on.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"td-apex-intro\"\u003e\n          Whether you're navigating a power outage, setting up camp\n          under the stars, or heading out on a night trail —\n          the \u003cstrong\u003eTotoDirect ApexLight\u003c\/strong\u003e is the compact,\n          powerful torch built to keep you moving.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"td-apex-stats\"\u003e\n\n          \u003cdiv class=\"td-apex-stat\"\u003e\n            ⚡ 3 Modes\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"td-apex-stat\"\u003e\n            🔋 USB Rechargeable\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"td-apex-stat\"\u003e\n            ◉ 67.3g Lightweight\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PRODUCT VISUAL --\u003e\n\n      \u003cdiv class=\"td-apex-visual\"\u003e\n\n        \u003cdiv class=\"td-apex-circle\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-ring\"\u003e\u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-float one\"\u003e\n\n          🔋 USB RECHARGEABLE\n\n          \u003cspan\u003e\n            Always ready when you need it\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-float two\"\u003e\n\n          ⚡ 3 LIGHTING MODES\n\n          \u003cspan\u003e\n            Strong • Medium • SOS\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-float three\"\u003e\n\n          67.3G\n\n          \u003cspan\u003e\n            Ultra lightweight\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-torch\"\u003e\n\n          \u003cdiv class=\"td-apex-switch\"\u003e\u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         BUILT TO PERFORM\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"td-apex-performance\"\u003e\n\n      \u003cdiv class=\"td-apex-heading\"\u003e\n\n        \u003csmall\u003e\n          Built To Perform\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          Small Size. Serious Capability.\n        \u003c\/h3\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"td-apex-grid\"\u003e\n\n\n        \u003cdiv class=\"td-apex-card\"\u003e\n\n          \u003cdiv class=\"td-apex-icon\"\u003e\n            ⚡\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            3 Lighting Modes\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Strong, Medium and SOS modes give you the right\n            amount of light for every situation.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-card\"\u003e\n\n          \u003cdiv class=\"td-apex-icon\"\u003e\n            🛡\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            Hard ABS Body\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            A tough outer body designed to handle knocks\n            and everyday outdoor use.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-card\"\u003e\n\n          \u003cdiv class=\"td-apex-icon\"\u003e\n            📏\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            Compact \u0026amp; Lightweight\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            At just 130mm and 67.3g, it slips easily into\n            your pocket, bag or glove box.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-card\"\u003e\n\n          \u003cdiv class=\"td-apex-icon\"\u003e\n            🔋\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            USB Rechargeable\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Recharge instead of constantly replacing batteries.\n            Keep ApexLight ready for the next adventure.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-apex-card\"\u003e\n\n          \u003cdiv class=\"td-apex-icon\"\u003e\n            🎨\n          \u003c\/div\u003e\n\n          \u003ch4\u003e\n            2 Colour Options\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Choose the colour that fits your personal style\n            or outdoor setup.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         3 LIGHTING MODES\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"td-apex-modes\"\u003e\n\n      \u003cdiv class=\"td-apex-heading\"\u003e\n\n        \u003csmall\u003e\n          Choose Your Light\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          3 Modes. One Light.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Select the mode that fits the moment.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"td-apex-mode-list\"\u003e\n\n\n        \u003c!-- STRONG MODE --\u003e\n\n        \u003cdetails class=\"td-apex-mode\"\u003e\n\n          \u003csummary\u003e\n\n            \u003cdiv class=\"td-mode-number\"\u003e\n              01\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-mode-main\"\u003e\n\n              \u003cstrong\u003e\n                Strong Mode\n              \u003c\/strong\u003e\n\n              \u003cspan\u003e\n                Maximum illumination\n              \u003c\/span\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-mode-arrow\"\u003e\n              +\n            \u003c\/div\u003e\n\n          \u003c\/summary\u003e\n\n\n          \u003cdiv class=\"td-mode-content\"\u003e\n\n            \u003cdiv class=\"td-mode-line\"\u003e\u003c\/div\u003e\n\n            \u003cp\u003e\n\n              \u003cstrong\u003e\n                Strong Mode\n              \u003c\/strong\u003e\n              provides the brightest illumination of the\n              three settings. It's ideal when you need a\n              clear view of your surroundings, whether you're\n              setting up camp, walking outdoors, or navigating\n              a dark area.\n\n            \u003c\/p\u003e\n\n\n            \u003cdiv class=\"td-mode-use\"\u003e\n\n              \u003cspan\u003e\n                BEST FOR\n              \u003c\/span\u003e\n\n              Camping • Hiking • Outdoor Exploration\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n\n        \u003c!-- MEDIUM MODE --\u003e\n\n        \u003cdetails class=\"td-apex-mode\"\u003e\n\n          \u003csummary\u003e\n\n            \u003cdiv class=\"td-mode-number\"\u003e\n              02\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-mode-main\"\u003e\n\n              \u003cstrong\u003e\n                Medium Mode\n              \u003c\/strong\u003e\n\n              \u003cspan\u003e\n                Balanced everyday lighting\n              \u003c\/span\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-mode-arrow\"\u003e\n              +\n            \u003c\/div\u003e\n\n          \u003c\/summary\u003e\n\n\n          \u003cdiv class=\"td-mode-content\"\u003e\n\n            \u003cdiv class=\"td-mode-line\"\u003e\u003c\/div\u003e\n\n            \u003cp\u003e\n\n              \u003cstrong\u003e\n                Medium Mode\n              \u003c\/strong\u003e\n              delivers a balanced level of brightness for\n              everyday situations. Use it when you want\n              dependable visibility without needing the\n              strongest setting.\n\n            \u003c\/p\u003e\n\n\n            \u003cdiv class=\"td-mode-use\"\u003e\n\n              \u003cspan\u003e\n                BEST FOR\n              \u003c\/span\u003e\n\n              Walking • Around Camp • Everyday Carry\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n\n        \u003c!-- SOS MODE --\u003e\n\n        \u003cdetails class=\"td-apex-mode\"\u003e\n\n          \u003csummary\u003e\n\n            \u003cdiv class=\"td-mode-number\"\u003e\n              03\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-mode-main\"\u003e\n\n              \u003cstrong\u003e\n                SOS Mode\n              \u003c\/strong\u003e\n\n              \u003cspan\u003e\n                Emergency signalling\n              \u003c\/span\u003e\n\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-mode-arrow\"\u003e\n              +\n            \u003c\/div\u003e\n\n          \u003c\/summary\u003e\n\n\n          \u003cdiv class=\"td-mode-content\"\u003e\n\n            \u003cdiv class=\"td-mode-line\"\u003e\u003c\/div\u003e\n\n            \u003cp\u003e\n\n              \u003cstrong\u003e\n                SOS Mode\n              \u003c\/strong\u003e\n              uses a flashing light pattern designed for\n              emergency signalling. It can help draw attention\n              to your location when you need assistance during\n              an unexpected situation.\n\n            \u003c\/p\u003e\n\n\n            \u003cdiv class=\"td-mode-use\"\u003e\n\n              \u003cspan\u003e\n                BEST FOR\n              \u003c\/span\u003e\n\n              Emergencies • Getting Attention • Safety Situations\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         PERFECT FOR\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"td-apex-use\"\u003e\n\n      \u003ch3\u003e\n        Ready For Whatever Comes Next.\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"td-apex-tags\"\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Load Shedding\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Camping\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Hiking\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Fishing\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Road Trips\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Emergencies\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-apex-tag\"\u003e\n          Everyday Carry\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003c!-- =====================================================\n         BRAND FOOTER\n    ====================================================== --\u003e\n\n    \u003cdiv class=\"td-apex-footer\"\u003e\n\n      \u003cdiv class=\"td-apex-footer-line\"\u003e\u003c\/div\u003e\n\n      \u003cp\u003e\n        SHOP SMART. LIVE BETTER. — TOTODIRECT\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"TotoDirect","offers":[{"title":"Default Title","offer_id":44040299544650,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/4473\/1722\/files\/flat-lay-shot.png?v=1786207170","url":"https:\/\/totodirect.co.za\/products\/totodirect-apexlight-3-mode-rechargeable-flashlight","provider":"TotoDirect","version":"1.0","type":"link"}