{"product_id":"totodirect™-turbofan-pro-portable-camping-fan","title":"TotoDirect™ TurboFan Pro (Portable Camping Fan)","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOTODIRECT TURBOFAN PRO\n   PREMIUM MOBILE-FIRST DESIGN\n   ========================================================= *\/\n\n.td-store {\n  --forest: #2D5016;\n  --forest-dark: #19320D;\n  --orange: #E8651A;\n  --sand: #C9A96E;\n  --cream: #F5F0E8;\n  --charcoal: #2C2C2C;\n  --muted: #686861;\n  --white: #FFFFFF;\n\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  background: var(--cream);\n  color: var(--charcoal);\n\n  font-family: inherit;\n\n  overflow: visible !important;\n}\n\n.td-store *,\n.td-store *::before,\n.td-store *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   TOP BAR\n   ========================================================= *\/\n\n.td-top {\n  width: 100%;\n  padding: 12px 15px;\n\n  background: var(--forest-dark);\n  color: #fff;\n\n  text-align: center;\n\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.td-top span {\n  color: var(--sand);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.td-hero {\n  width: 100%;\n  padding: 65px 0 55px;\n\n  background:\n    radial-gradient(\n      circle at 50% 48%,\n      rgba(201,169,110,.25),\n      transparent 34%\n    ),\n    var(--cream);\n\n  overflow: visible !important;\n}\n\n.td-wrap {\n  width: min(1180px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n.td-hero-content {\n  width: 100%;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.td-eyebrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 10px;\n\n  margin-bottom: 20px;\n\n  color: var(--orange);\n\n  font-size: 11px;\n  font-weight: 900;\n\n  letter-spacing: 1.7px;\n  line-height: 1.4;\n\n  text-transform: uppercase;\n}\n\n.td-eyebrow::before,\n.td-eyebrow::after {\n  content: \"\";\n\n  width: 25px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--orange);\n}\n\n\n\/* =========================================================\n   MAIN TITLE\n   ========================================================= *\/\n\n.td-title {\n  width: 100%;\n  max-width: 950px;\n\n  margin: 0 auto 24px !important;\n  padding: 8px 12px;\n\n  color: var(--forest);\n\n  font-size: clamp(48px, 8vw, 92px);\n\n  font-weight: 900;\n  line-height: .98;\n\n  letter-spacing: -4px;\n\n  overflow: visible !important;\n}\n\n.td-title span {\n  color: var(--orange);\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n.td-description {\n  width: 100%;\n  max-width: 690px;\n\n  margin: 0 auto !important;\n  padding: 0 10px;\n\n  color: var(--muted);\n\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   PRODUCT DISPLAY\n   ========================================================= *\/\n\n.td-product-stage {\n  position: relative;\n\n  width: 100%;\n  max-width: 760px;\n\n  height: 500px;\n\n  margin: 35px auto 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: visible !important;\n}\n\n\n\/* GLOW *\/\n\n.td-product-glow {\n  position: absolute;\n\n  width: 300px;\n  height: 300px;\n\n  border-radius: 50%;\n\n  background: var(--sand);\n\n  opacity: .28;\n\n  filter: blur(65px);\n\n  animation: tdGlow 4s ease-in-out infinite;\n}\n\n\n\/* CIRCLES *\/\n\n.td-circle {\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  border: 1px solid rgba(45,80,22,.14);\n\n  border-radius: 50%;\n}\n\n.td-circle-small {\n  width: 335px;\n  height: 335px;\n\n  border-style: dashed;\n\n  animation: tdRotate 18s linear infinite;\n}\n\n\n\/* =========================================================\n   FAN\n   ========================================================= *\/\n\n.td-fan {\n  position: relative;\n  z-index: 5;\n\n  width: 200px;\n  height: 335px;\n\n  flex: 0 0 auto;\n\n  border-radius: 35px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #4B514A 0%,\n      #282D28 48%,\n      #10130F 100%\n    );\n\n  box-shadow:\n    25px 35px 65px rgba(0,0,0,.28),\n    inset 2px 2px 3px rgba(255,255,255,.12);\n\n  transform: rotate(-7deg);\n\n  animation: tdFanFloat 5s ease-in-out infinite;\n}\n\n\n\/* FAN HEAD *\/\n\n.td-fan-head {\n  position: absolute;\n\n  top: 27px;\n  left: 50%;\n\n  width: 140px;\n  height: 140px;\n\n  transform: translateX(-50%);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 3px solid #41463E;\n\n  border-radius: 50%;\n\n  background: #050705;\n\n  box-shadow:\n    inset 0 0 20px rgba(0,0,0,.9);\n}\n\n\n\/* FAN BLADES *\/\n\n.td-blades {\n  width: 88px;\n  height: 88px;\n\n  border: 11px dotted rgba(201,169,110,.72);\n\n  border-radius: 50%;\n\n  animation: tdSpin 1.5s linear infinite;\n}\n\n\n\/* DISPLAY *\/\n\n.td-display {\n  position: absolute;\n\n  top: 201px;\n  left: 50%;\n\n  width: 95px;\n  height: 40px;\n\n  transform: translateX(-50%);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid rgba(201,169,110,.55);\n\n  border-radius: 7px;\n\n  background: #050705;\n\n  color: var(--sand);\n\n  font-size: 13px;\n  font-weight: 900;\n}\n\n\n\/* POWER *\/\n\n.td-power {\n  position: absolute;\n\n  bottom: 31px;\n  left: 50%;\n\n  width: 30px;\n  height: 30px;\n\n  transform: translateX(-50%);\n\n  border-radius: 50%;\n\n  background: var(--orange);\n\n  box-shadow:\n    0 0 18px rgba(232,101,26,.35);\n}\n\n\n\/* =========================================================\n   PRODUCT INFO CARDS\n   ========================================================= *\/\n\n.td-card {\n  position: absolute;\n\n  z-index: 10;\n\n  width: 150px;\n\n  padding: 12px 14px;\n\n  border: 1px solid rgba(45,80,22,.10);\n\n  border-radius: 10px;\n\n  background: rgba(255,255,255,.97);\n\n  box-shadow:\n    0 15px 35px rgba(0,0,0,.10);\n\n  color: var(--muted);\n\n  font-size: 10px;\n  line-height: 1.45;\n\n  text-align: left;\n\n  animation: tdCardFloat 4s ease-in-out infinite;\n}\n\n.td-card strong {\n  display: block;\n\n  margin-bottom: 2px;\n\n  color: var(--forest);\n\n  font-size: 10px;\n  font-weight: 900;\n}\n\n.td-card-top {\n  top: 85px;\n  right: 45px;\n}\n\n.td-card-bottom {\n  bottom: 85px;\n  left: 45px;\n\n  animation-delay: 1s;\n}\n\n\n\/* =========================================================\n   TRUST BAR\n   ========================================================= *\/\n\n.td-trust {\n  width: 100%;\n\n  background: var(--forest);\n  color: #fff;\n}\n\n.td-trust-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.td-trust-item {\n  padding: 27px 12px;\n\n  text-align: center;\n\n  border-right: 1px solid rgba(255,255,255,.13);\n}\n\n.td-trust-item:last-child {\n  border-right: 0;\n}\n\n.td-trust-item strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--sand);\n\n  font-size: 17px;\n}\n\n.td-trust-item span {\n  color: rgba(255,255,255,.7);\n\n  font-size: 9px;\n  font-weight: 700;\n\n  letter-spacing: .8px;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   GENERAL SECTIONS\n   ========================================================= *\/\n\n.td-section {\n  padding: 90px 0;\n}\n\n.td-heading {\n  width: 100%;\n  max-width: 700px;\n\n  margin-bottom: 45px;\n}\n\n.td-heading .td-eyebrow {\n  justify-content: flex-start;\n}\n\n.td-heading h2 {\n  margin: 0 0 18px !important;\n\n  color: var(--forest);\n\n  font-size: clamp(42px, 5.5vw, 68px);\n\n  font-weight: 900;\n  line-height: .98;\n\n  letter-spacing: -3px;\n}\n\n.td-heading h2 span {\n  color: var(--orange);\n}\n\n.td-heading p {\n  margin: 0 !important;\n\n  color: var(--muted);\n\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n.td-feature-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 18px;\n}\n\n.td-feature {\n  padding: 30px;\n\n  border: 1px solid rgba(44,44,44,.08);\n\n  border-radius: 14px;\n\n  background: #fff;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.td-feature:hover {\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 20px 45px rgba(44,44,44,.10);\n}\n\n.td-icon {\n  width: 50px;\n  height: 50px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 20px;\n\n  border-radius: 10px;\n\n  background: #EEE4D0;\n\n  font-size: 22px;\n}\n\n.td-feature h3 {\n  margin: 0 0 10px !important;\n\n  color: var(--forest);\n\n  font-size: 20px;\n}\n\n.td-feature p {\n  margin: 0 !important;\n\n  color: var(--muted);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   DARK SECTION\n   ========================================================= *\/\n\n.td-dark {\n  background: var(--forest-dark);\n}\n\n.td-two-column {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 60px;\n\n  align-items: center;\n}\n\n.td-dark-content .td-eyebrow {\n  justify-content: flex-start;\n}\n\n.td-dark-content h2 {\n  margin: 0 0 22px !important;\n\n  color: var(--cream);\n\n  font-size: clamp(42px,5vw,65px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  font-weight: 900;\n}\n\n.td-dark-content h2 span {\n  color: var(--orange);\n}\n\n.td-dark-content p {\n  margin: 0 !important;\n\n  color: rgba(245,240,232,.72);\n\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   CAMP VISUAL\n   ========================================================= *\/\n\n.td-camp {\n  position: relative;\n\n  height: 400px;\n\n  overflow: hidden;\n\n  border-radius: 16px;\n\n  background:\n    radial-gradient(\n      circle at 72% 22%,\n      rgba(201,169,110,.4),\n      transparent 10%\n    ),\n    linear-gradient(\n      160deg,\n      #496B2B,\n      #16270D\n    );\n}\n\n.td-mountain {\n  position: absolute;\n\n  left: -130px;\n  bottom: -110px;\n\n  width: 700px;\n  height: 300px;\n\n  border-radius: 50% 50% 0 0;\n\n  background: #12220A;\n}\n\n.td-tent {\n  position: absolute;\n\n  left: 50%;\n  bottom: 60px;\n\n  width: 220px;\n  height: 140px;\n\n  transform: translateX(-50%);\n}\n\n.td-tent-roof {\n  width: 0;\n  height: 0;\n\n  border-left: 110px solid transparent;\n  border-right: 110px solid transparent;\n  border-bottom: 135px solid var(--sand);\n}\n\n.td-tent-door {\n  position: absolute;\n\n  left: 85px;\n  bottom: 0;\n\n  width: 50px;\n  height: 70px;\n\n  background: var(--forest-dark);\n\n  clip-path: polygon(50% 0, 100% 100%, 0 100%);\n}\n\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.td-use-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 18px;\n\n  width: 100%;\n}\n\n.td-use {\n  min-width: 0;\n  min-height: 220px;\n\n  padding: 27px 23px;\n\n  border: 1px solid rgba(44,44,44,.08);\n\n  border-radius: 14px;\n\n  background: #fff;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n\n  overflow: visible !important;\n}\n\n.td-use:hover {\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 20px 40px rgba(0,0,0,.10);\n}\n\n.td-use-icon {\n  margin-bottom: 18px;\n\n  font-size: 34px;\n}\n\n\n\/* =========================================================\n   IMPORTANT HEADING FIX\n   ========================================================= *\/\n\n.td-use h3 {\n  display: block;\n\n  width: 100%;\n\n  margin: 0 0 10px !important;\n\n  padding: 0;\n\n  color: var(--forest);\n\n  font-size: 20px;\n\n  font-weight: 900;\n\n  line-height: 1.15;\n\n  letter-spacing: 0;\n\n  white-space: nowrap !important;\n\n  word-break: normal !important;\n\n  overflow-wrap: normal !important;\n\n  hyphens: none !important;\n}\n\n.td-use p {\n  margin: 0 !important;\n\n  color: var(--muted);\n\n  font-size: 13px;\n\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   SPECS\n   ========================================================= *\/\n\n.td-spec-section {\n  background: #fff;\n}\n\n.td-spec-box {\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: var(--forest);\n}\n\n.td-spec-grid {\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n}\n\n.td-spec {\n  min-width: 0;\n\n  display: flex;\n\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 20px;\n\n  padding: 21px 27px;\n\n  border-bottom: 1px solid rgba(255,255,255,.1);\n}\n\n.td-spec:nth-child(odd) {\n  border-right: 1px solid rgba(255,255,255,.1);\n}\n\n.td-spec-label {\n  color: rgba(255,255,255,.58);\n\n  font-size: 13px;\n}\n\n.td-spec-value {\n  color: var(--sand);\n\n  font-size: 13px;\n\n  font-weight: 800;\n\n  text-align: right;\n\n  overflow-wrap: anywhere;\n}\n\n\n\/* =========================================================\n   FINAL\n   ========================================================= *\/\n\n.td-final {\n  padding: 100px 0;\n\n  background: var(--forest-dark);\n\n  text-align: center;\n}\n\n.td-final h2 {\n  margin: 0 0 20px !important;\n\n  color: var(--cream);\n\n  font-size: clamp(48px,7vw,82px);\n\n  font-weight: 900;\n\n  line-height: .96;\n\n  letter-spacing: -4px;\n}\n\n.td-final h2 span {\n  color: var(--sand);\n}\n\n.td-final p {\n  max-width: 540px;\n\n  margin: 0 auto !important;\n\n  color: rgba(245,240,232,.72);\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes tdFanFloat {\n  0%,100% {\n    transform: rotate(-7deg) translateY(0);\n  }\n\n  50% {\n    transform: rotate(-4deg) translateY(-10px);\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 tdRotate {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes tdGlow {\n  0%,100% {\n    transform: scale(.9);\n    opacity: .23;\n  }\n\n  50% {\n    transform: scale(1.1);\n    opacity: .38;\n  }\n}\n\n@keyframes tdCardFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-7px);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 950px) {\n\n  .td-feature-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .td-use-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .td-two-column {\n    grid-template-columns: 1fr;\n\n    gap: 40px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 650px) {\n\n  .td-store {\n    overflow: visible !important;\n  }\n\n  .td-wrap {\n    width: calc(100% - 30px);\n  }\n\n\n  \/* HERO *\/\n\n  .td-hero {\n    padding: 52px 0 45px;\n\n    overflow: visible !important;\n  }\n\n  .td-eyebrow {\n    gap: 7px;\n\n    font-size: 9px;\n\n    letter-spacing: 1.2px;\n  }\n\n  .td-eyebrow::before,\n  .td-eyebrow::after {\n    width: 18px;\n  }\n\n  .td-title {\n    width: 100%;\n\n    margin-bottom: 20px !important;\n\n    padding: 6px 0;\n\n    font-size: clamp(43px, 12.5vw, 62px);\n\n    line-height: 1;\n\n    letter-spacing: -2px;\n  }\n\n  .td-description {\n    padding: 0 3px;\n\n    font-size: 15px;\n\n    line-height: 1.65;\n  }\n\n\n  \/* PRODUCT *\/\n\n  .td-product-stage {\n    width: 100%;\n\n    height: 445px;\n\n    margin-top: 28px;\n\n    overflow: visible !important;\n  }\n\n  .td-circle {\n    width: 285px;\n    height: 285px;\n  }\n\n  .td-circle-small {\n    width: 235px;\n    height: 235px;\n  }\n\n  .td-product-glow {\n    width: 240px;\n    height: 240px;\n  }\n\n\n  \/* FAN *\/\n\n  .td-fan {\n    width: 165px;\n    height: 285px;\n\n    border-radius: 30px;\n  }\n\n  .td-fan-head {\n    top: 24px;\n\n    width: 115px;\n    height: 115px;\n  }\n\n  .td-blades {\n    width: 72px;\n    height: 72px;\n\n    border-width: 9px;\n  }\n\n  .td-display {\n    top: 170px;\n\n    width: 82px;\n    height: 35px;\n\n    font-size: 11px;\n  }\n\n  .td-power {\n    bottom: 26px;\n\n    width: 26px;\n    height: 26px;\n  }\n\n\n  \/* PRODUCT CARDS *\/\n\n  .td-card {\n    width: 108px;\n    max-width: 108px;\n\n    padding: 9px 10px;\n\n    font-size: 8px;\n\n    line-height: 1.35;\n  }\n\n  .td-card strong {\n    font-size: 8px;\n  }\n\n  .td-card-top {\n    top: 35px;\n\n    right: 50%;\n\n    transform: translateX(140px);\n  }\n\n  .td-card-bottom {\n    bottom: 35px;\n\n    left: 50%;\n\n    transform: translateX(-140px);\n  }\n\n\n  \/* TRUST *\/\n\n  .td-trust-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .td-trust-item {\n    padding: 21px 7px;\n  }\n\n  .td-trust-item strong {\n    font-size: 14px;\n  }\n\n  .td-trust-item span {\n    font-size: 8px;\n  }\n\n\n  \/* SECTIONS *\/\n\n  .td-section {\n    padding: 70px 0;\n  }\n\n  .td-heading {\n    margin-bottom: 35px;\n  }\n\n  .td-heading h2 {\n    font-size: clamp(39px,11vw,54px);\n\n    letter-spacing: -2px;\n  }\n\n  .td-heading p {\n    font-size: 15px;\n  }\n\n\n  \/* FEATURES *\/\n\n  .td-feature-grid {\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n  }\n\n  .td-feature {\n    padding: 25px;\n  }\n\n\n  \/* DARK *\/\n\n  .td-two-column {\n    grid-template-columns: 1fr;\n\n    gap: 38px;\n  }\n\n  .td-dark-content h2 {\n    font-size: clamp(39px,11vw,54px);\n\n    letter-spacing: -2px;\n  }\n\n  .td-dark-content p {\n    font-size: 15px;\n  }\n\n\n  \/* CAMP *\/\n\n  .td-camp {\n    height: 300px;\n  }\n\n\n  \/* =====================================================\n     USE CASE CARDS\n     ===================================================== *\/\n\n  .td-use-grid {\n    display: grid;\n\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n\n    gap: 10px !important;\n\n    width: 100% !important;\n  }\n\n  .td-use {\n    min-width: 0 !important;\n\n    min-height: 210px;\n\n    padding: 18px 10px !important;\n\n    overflow: visible !important;\n  }\n\n  .td-use-icon {\n    margin-bottom: 16px;\n\n    font-size: 27px;\n  }\n\n\n  \/* THE IMPORTANT FIX *\/\n\n  .td-use h3 {\n    width: max-content !important;\n    max-width: 100% !important;\n\n    margin: 0 0 10px !important;\n\n    font-size: 15px !important;\n\n    line-height: 1.2 !important;\n\n    letter-spacing: 0 !important;\n\n    white-space: nowrap !important;\n\n    word-break: normal !important;\n\n    overflow-wrap: normal !important;\n\n    hyphens: none !important;\n  }\n\n  .td-use p {\n    font-size: 11px;\n\n    line-height: 1.55;\n  }\n\n\n  \/* SPECS *\/\n\n  .td-spec-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .td-spec {\n    padding: 17px 18px;\n  }\n\n  .td-spec:nth-child(odd) {\n    border-right: 0;\n  }\n\n  .td-spec-label {\n    flex: 0 1 42%;\n\n    font-size: 12px;\n  }\n\n  .td-spec-value {\n    flex: 1 1 58%;\n\n    font-size: 12px;\n  }\n\n\n  \/* FINAL *\/\n\n  .td-final {\n    padding: 80px 0;\n  }\n\n  .td-final h2 {\n    font-size: clamp(44px,13vw,68px);\n\n    letter-spacing: -2px;\n  }\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONES\n   ========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  .td-wrap {\n    width: calc(100% - 24px);\n  }\n\n  .td-title {\n    font-size: 40px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .td-product-stage {\n    height: 410px;\n  }\n\n  .td-fan {\n    width: 150px;\n    height: 260px;\n  }\n\n  .td-fan-head {\n    width: 105px;\n    height: 105px;\n  }\n\n  .td-display {\n    top: 155px;\n  }\n\n  .td-card {\n    width: 96px;\n    max-width: 96px;\n  }\n\n  .td-card-top {\n    transform: translateX(125px);\n  }\n\n  .td-card-bottom {\n    transform: translateX(-125px);\n  }\n\n\n  \/* KEEP ALL FOUR USE CASES IN ONE ROW *\/\n\n  .td-use-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n\n    gap: 6px !important;\n  }\n\n  .td-use {\n    padding: 15px 7px !important;\n  }\n\n  .td-use h3 {\n    font-size: 13px !important;\n\n    white-space: nowrap !important;\n  }\n\n  .td-use p {\n    font-size: 10px;\n\n    line-height: 1.5;\n  }\n\n  .td-use-icon {\n    font-size: 24px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"td-store\"\u003e\n\n\n  \u003c!-- TOP BAR --\u003e\n\n  \u003cdiv class=\"td-top\"\u003e\n    \u003cspan\u003eTotoDirect\u003c\/span\u003e\n      •  \n    Shop Smart, Live Better\n  \u003c\/div\u003e\n\n\n  \u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-hero\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-hero-content\"\u003e\n\n        \u003cdiv class=\"td-eyebrow\"\u003e\n          One Device. Many Uses.\n        \u003c\/div\u003e\n\n\n        \u003ch1 class=\"td-title\"\u003e\n          No Shade?\u003cbr\u003e\n          \u003cspan\u003eNo Problem.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n\n        \u003cp class=\"td-description\"\u003e\n          Powerful, pocket-sized airflow built for South African\n          heat. Take the TotoDirect TurboFan Pro to the campsite,\n          braai, festival, road trip or wherever your adventure\n          takes you.\n        \u003c\/p\u003e\n\n\n        \u003c!-- PRODUCT DISPLAY --\u003e\n\n        \u003cdiv class=\"td-product-stage\"\u003e\n\n          \u003cdiv class=\"td-product-glow\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"td-circle\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"td-circle td-circle-small\"\u003e\u003c\/div\u003e\n\n\n          \u003c!-- FAN --\u003e\n\n          \u003cdiv class=\"td-fan\"\u003e\n\n            \u003cdiv class=\"td-fan-head\"\u003e\n              \u003cdiv class=\"td-blades\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-display\"\u003e\n              87% 🔋\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"td-power\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003c!-- PRODUCT CARD --\u003e\n\n          \u003cdiv class=\"td-card td-card-top\"\u003e\n\n            \u003cstrong\u003e⚡ TURBO AIRFLOW\u003c\/strong\u003e\n\n            Powerful \u0026amp; focused airflow\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-card td-card-bottom\"\u003e\n\n            \u003cstrong\u003e🔋 USB-C POWER\u003c\/strong\u003e\n\n            Rechargeable \u0026amp; ready to go\n\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       TRUST BAR\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-trust\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-trust-grid\"\u003e\n\n        \u003cdiv class=\"td-trust-item\"\u003e\n          \u003cstrong\u003e14.5cm\u003c\/strong\u003e\n          \u003cspan\u003eCompact Height\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-trust-item\"\u003e\n          \u003cstrong\u003eUSB-C\u003c\/strong\u003e\n          \u003cspan\u003eRechargeable\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-trust-item\"\u003e\n          \u003cstrong\u003eBrushless\u003c\/strong\u003e\n          \u003cspan\u003eTurbo Motor\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"td-trust-item\"\u003e\n          \u003cstrong\u003eDigital\u003c\/strong\u003e\n          \u003cspan\u003eBattery Display\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FEATURES\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-section\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-heading\"\u003e\n\n        \u003cdiv class=\"td-eyebrow\"\u003e\n          Built For The Outdoors\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Small enough\u003cbr\u003e\n          to \u003cspan\u003etake anywhere.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Don't let the compact body fool you. The TurboFan Pro\n          delivers focused airflow while fitting easily into your\n          camping bag, backpack or vehicle.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"td-feature-grid\"\u003e\n\n\n        \u003cdiv class=\"td-feature\"\u003e\n\n          \u003cdiv class=\"td-icon\"\u003e🌬️\u003c\/div\u003e\n\n          \u003ch3\u003eInstant Heat Relief\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Create a personal breeze when the South African heat\n            starts turning up the pressure.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-feature\"\u003e\n\n          \u003cdiv class=\"td-icon\"\u003e🔥\u003c\/div\u003e\n\n          \u003ch3\u003eBraai Fire Booster\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Direct focused airflow towards your braai coals to\n            help get your fire burning.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-feature\"\u003e\n\n          \u003cdiv class=\"td-icon\"\u003e💨\u003c\/div\u003e\n\n          \u003ch3\u003eTurbo Airflow\u003c\/h3\u003e\n\n          \u003cp\u003e\n            A high-speed brushless turbo motor produces strong,\n            focused airflow from a compact body.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-feature\"\u003e\n\n          \u003cdiv class=\"td-icon\"\u003e🔋\u003c\/div\u003e\n\n          \u003ch3\u003eDigital Battery Display\u003c\/h3\u003e\n\n          \u003cp\u003e\n            See your battery percentage at a glance so you know\n            exactly when it's time to recharge.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-feature\"\u003e\n\n          \u003cdiv class=\"td-icon\"\u003e🎒\u003c\/div\u003e\n\n          \u003ch3\u003eAdventure Ready\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Compact enough to slip into your camping bag,\n            backpack or vehicle.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-feature\"\u003e\n\n          \u003cdiv class=\"td-icon\"\u003e🔧\u003c\/div\u003e\n\n          \u003ch3\u003eMore Than A Fan\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Use the included attachments for cleaning dust from\n            your tent, car, camera gear and more.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       CAMPING SECTION\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-section td-dark\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-two-column\"\u003e\n\n\n        \u003cdiv class=\"td-camp\"\u003e\n\n          \u003cdiv class=\"td-mountain\"\u003e\u003c\/div\u003e\n\n          \u003cdiv class=\"td-tent\"\u003e\n\n            \u003cdiv class=\"td-tent-roof\"\u003e\u003c\/div\u003e\n\n            \u003cdiv class=\"td-tent-door\"\u003e\u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"td-dark-content\"\u003e\n\n          \u003cdiv class=\"td-eyebrow\"\u003e\n            From Campsite To Campfire\n          \u003c\/div\u003e\n\n          \u003ch2\u003e\n            Your adventure\u003cbr\u003e\n            \u003cspan\u003edoesn't need a plug.\u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cp\u003e\n            Whether you're camping in the bush, sitting around\n            the fire or exploring somewhere new, the TurboFan Pro\n            gives you portable airflow without needing to stay\n            next to a wall socket.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       USE CASES\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-section\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-heading\"\u003e\n\n        \u003cdiv class=\"td-eyebrow\"\u003e\n          One Device. Many Uses.\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Take the breeze\u003cbr\u003e\n          \u003cspan\u003ewith you.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Built for the moments when you need a little more\n          comfort, airflow or utility.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"td-use-grid\"\u003e\n\n\n        \u003c!-- CAMPING --\u003e\n\n        \u003cdiv class=\"td-use\"\u003e\n\n          \u003cdiv class=\"td-use-icon\"\u003e⛺\u003c\/div\u003e\n\n          \u003ch3\u003eCamping\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Keep personal airflow close at the campsite.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- BRAAI --\u003e\n\n        \u003cdiv class=\"td-use\"\u003e\n\n          \u003cdiv class=\"td-use-icon\"\u003e🔥\u003c\/div\u003e\n\n          \u003ch3\u003eBraai\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Direct airflow towards your coals.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FESTIVALS --\u003e\n\n        \u003cdiv class=\"td-use\"\u003e\n\n          \u003cdiv class=\"td-use-icon\"\u003e🎵\u003c\/div\u003e\n\n          \u003ch3\u003eFestivals\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Stay more comfortable when the crowd heats up.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ROAD TRIPS --\u003e\n\n        \u003cdiv class=\"td-use\"\u003e\n\n          \u003cdiv class=\"td-use-icon\"\u003e🚙\u003c\/div\u003e\n\n          \u003ch3\u003eRoad Trips\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Compact enough for your car or travel bag.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       SPECS\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-section td-spec-section\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-heading\"\u003e\n\n        \u003cdiv class=\"td-eyebrow\"\u003e\n          Product Details\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          The details\u003cbr\u003e\n          \u003cspan\u003ematter.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Everything you need to know about the TotoDirect\n          TurboFan Pro.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"td-spec-box\"\u003e\n\n        \u003cdiv class=\"td-spec-grid\"\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eHeight\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              14.5cm \/ 5.7\"\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eWidth\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              6.5cm \/ 2.56\"\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eBase\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              5.6cm \/ 2.2\"\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eMotor\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              High-Speed Brushless Turbo\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eCharging\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              USB-C Rechargeable\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eDisplay\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              Digital Battery Indicator\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eAttachments\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              Vacuum Head + Brush + Nozzles\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"td-spec\"\u003e\n            \u003cspan class=\"td-spec-label\"\u003eProduct Type\u003c\/span\u003e\n            \u003cspan class=\"td-spec-value\"\u003e\n              Portable Outdoor Gear\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FINAL\n       ===================================================== --\u003e\n\n  \u003csection class=\"td-final\"\u003e\n\n    \u003cdiv class=\"td-wrap\"\u003e\n\n      \u003cdiv class=\"td-eyebrow\"\u003e\n        TotoDirect TurboFan Pro\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Shop Smart.\u003cbr\u003e\n        \u003cspan\u003eLive Better.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Don't let the heat ruin the adventure. Keep powerful\n        portable airflow within reach wherever you go.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"TotoDirect","offers":[{"title":"Default Title","offer_id":44035857154122,"sku":null,"price":749.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/4473\/1722\/files\/totodirect-fan-lifestyle-shot.png?v=1786116692","url":"https:\/\/totodirect.co.za\/products\/totodirect%e2%84%a2-turbofan-pro-portable-camping-fan","provider":"TotoDirect","version":"1.0","type":"link"}