{"product_id":"tecto-powerdock™","title":"Tecto PowerDock™","description":"\u003cstyle\u003e\n\/* TECTO POWERDOCK™ - INTERACTIVE PRODUCT DESCRIPTION *\/\n\n.tecto-powerdock {\n  --gold: #D4AF37;\n  --gold-light: #F4D76B;\n  --black: #050505;\n  --dark: #111111;\n  --card: #181818;\n  --white: #FFFFFF;\n  --text: #E5E5E5;\n\n  max-width: 1000px;\n  margin: 20px auto;\n  background: #050505;\n  color: #FFFFFF;\n  font-family: Arial, Helvetica, sans-serif;\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n.tecto-powerdock * {\n  box-sizing: border-box;\n}\n\n\/* HERO *\/\n\n.powerdock-hero {\n  text-align: center;\n  padding: 40px 22px 32px;\n  background:\n    radial-gradient(circle at center, rgba(212,175,55,.15), transparent 65%),\n    #050505;\n}\n\n.powerdock-badge {\n  display: inline-block;\n  border: 1px solid #D4AF37;\n  color: #F4D76B !important;\n  padding: 7px 15px;\n  border-radius: 50px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  margin-bottom: 16px;\n}\n\n.powerdock-hero h2 {\n  color: #FFFFFF !important;\n  font-size: clamp(29px, 5vw, 44px);\n  line-height: 1.1;\n  margin: 0 0 14px;\n  font-weight: 800;\n}\n\n.powerdock-hero h2 span {\n  color: #D4AF37 !important;\n}\n\n.powerdock-hero p {\n  color: #D5D5D5 !important;\n  max-width: 680px;\n  margin: auto;\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n\n\/* CHARGING DISPLAY *\/\n\n.charging-box {\n  max-width: 520px;\n  margin: 25px auto 5px;\n  background: #111111;\n  border: 1px solid #292929;\n  border-radius: 14px;\n  padding: 18px;\n  text-align: left;\n}\n\n.charging-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 12px;\n  font-size: 12px;\n  color: #FFFFFF !important;\n  font-weight: 700;\n}\n\n.charging-status {\n  color: #F4D76B !important;\n}\n\n.battery {\n  height: 11px;\n  background: #292929;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\n.battery-fill {\n  height: 100%;\n  width: 100%;\n  background: linear-gradient(\n    90deg,\n    #9B7A18,\n    #F4D76B\n  );\n  border-radius: 20px;\n  animation: batteryPulse 2.5s infinite;\n}\n\n@keyframes batteryPulse {\n  0%, 100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .55;\n  }\n}\n\n.charging-message {\n  margin-top: 11px;\n  font-size: 12px;\n  color: #BDBDBD !important;\n}\n\n.charging-message strong {\n  color: #FFFFFF !important;\n}\n\n\n\/* ACCORDION *\/\n\n.powerdock-accordion {\n  background: #111111;\n  padding: 8px 15px 15px;\n}\n\n.powerdock-details {\n  border-bottom: 1px solid rgba(255,255,255,.09);\n}\n\n.powerdock-details:last-child {\n  border-bottom: none;\n}\n\n.powerdock-summary {\n  list-style: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 20px 12px;\n  color: #FFFFFF !important;\n  font-size: 16px;\n  font-weight: 700;\n  transition: .25s ease;\n}\n\n.powerdock-summary::-webkit-details-marker {\n  display: none;\n}\n\n.powerdock-summary:hover {\n  color: #D4AF37 !important;\n}\n\n.powerdock-summary-left {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n}\n\n.powerdock-summary-icon {\n  width: 36px;\n  height: 36px;\n  min-width: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(212,175,55,.10);\n  border: 1px solid rgba(212,175,55,.25);\n  border-radius: 50%;\n  font-size: 17px;\n}\n\n.powerdock-plus {\n  color: #D4AF37 !important;\n  font-size: 25px;\n  font-weight: 300;\n  transition: transform .25s ease;\n}\n\n.powerdock-details[open] .powerdock-plus {\n  transform: rotate(45deg);\n}\n\n\n\/* ACCORDION CONTENT *\/\n\n.powerdock-content {\n  padding: 0 15px 22px 61px;\n  animation: powerdockOpen .25s ease;\n}\n\n@keyframes powerdockOpen {\n  from {\n    opacity: 0;\n    transform: translateY(-5px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.powerdock-content p {\n  color: #CFCFCF !important;\n  font-size: 14px;\n  line-height: 1.7;\n  margin: 0 0 15px;\n}\n\n.powerdock-content strong {\n  color: #FFFFFF !important;\n}\n\n\n\/* FEATURE GRID *\/\n\n.powerdock-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 10px;\n  margin-top: 10px;\n}\n\n.powerdock-feature {\n  background: #191919;\n  border: 1px solid rgba(255,255,255,.08);\n  padding: 15px;\n  border-radius: 8px;\n  transition: .25s ease;\n}\n\n.powerdock-feature:hover {\n  border-color: rgba(212,175,55,.5);\n  transform: translateY(-2px);\n}\n\n.powerdock-feature h4 {\n  color: #FFFFFF !important;\n  font-size: 14px;\n  margin: 0 0 6px;\n}\n\n.powerdock-feature p {\n  color: #BDBDBD !important;\n  font-size: 12px;\n  margin: 0;\n  line-height: 1.55;\n}\n\n\n\/* BENEFITS *\/\n\n.powerdock-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.powerdock-list li {\n  color: #DADADA !important;\n  padding: 9px 0;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.powerdock-check {\n  color: #D4AF37 !important;\n  font-weight: bold;\n  margin-right: 9px;\n}\n\n\n\/* BOTTOM TAGLINE *\/\n\n.powerdock-bottom {\n  text-align: center;\n  padding: 32px 20px;\n  background:\n    radial-gradient(circle, rgba(212,175,55,.12), transparent 70%),\n    #070707;\n  border-top: 1px solid rgba(212,175,55,.2);\n}\n\n.powerdock-bottom h3 {\n  color: #FFFFFF !important;\n  font-size: 27px;\n  margin: 0 0 6px;\n}\n\n.powerdock-bottom h3 span {\n  color: #D4AF37 !important;\n}\n\n.powerdock-bottom p {\n  color: #BDBDBD !important;\n  margin: 0;\n  font-size: 13px;\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 600px) {\n\n  .powerdock-hero {\n    padding: 32px 18px 27px;\n  }\n\n  .powerdock-hero h2 {\n    font-size: 29px;\n  }\n\n  .powerdock-hero p {\n    font-size: 14px;\n  }\n\n  .powerdock-summary {\n    padding: 17px 8px;\n    font-size: 14px;\n  }\n\n  .powerdock-content {\n    padding-left: 57px;\n    padding-right: 8px;\n  }\n\n  .powerdock-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .powerdock-summary-icon {\n    width: 32px;\n    height: 32px;\n    min-width: 32px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"tecto-powerdock\"\u003e\n\n  \u003c!-- HERO --\u003e\n\n  \u003cdiv class=\"powerdock-hero\"\u003e\n\n    \u003cdiv class=\"powerdock-badge\"\u003e\n      TECTO • POWERDOCK™\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Smart charging.\u003cbr\u003e\n      \u003cspan\u003eSet it. Forget it.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Stop worrying about overcharging or leaving your device\n      plugged in for hours. PowerDock™ brings smarter charging\n      into your everyday routine.\n    \u003c\/p\u003e\n\n\n    \u003c!-- INTERACTIVE CHARGING DISPLAY --\u003e\n\n    \u003cdiv class=\"charging-box\"\u003e\n\n      \u003cdiv class=\"charging-top\"\u003e\n        \u003cspan\u003ePOWERDOCK™\u003c\/span\u003e\n        \u003cspan class=\"charging-status\"\u003e⚡ FULL\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"battery\"\u003e\n        \u003cdiv class=\"battery-fill\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"charging-message\"\u003e\n        \u003cstrong\u003eCharge complete.\u003c\/strong\u003e\n        Intelligent charging protection activated.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- INTERACTIVE SECTIONS --\u003e\n\n  \u003cdiv class=\"powerdock-accordion\"\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n\n    \u003cdetails class=\"powerdock-details\" open\u003e\n\n      \u003csummary class=\"powerdock-summary\"\u003e\n\n        \u003cdiv class=\"powerdock-summary-left\"\u003e\n\n          \u003cdiv class=\"powerdock-summary-icon\"\u003e\n            ⚡\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            Why You'll Love PowerDock™\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"powerdock-plus\"\u003e\n          +\n        \u003c\/div\u003e\n\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"powerdock-content\"\u003e\n\n        \u003cdiv class=\"powerdock-feature-grid\"\u003e\n\n\n          \u003cdiv class=\"powerdock-feature\"\u003e\n\n            \u003ch4\u003e\n              ⚡ 140W Fast Charging\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              High-power charging designed to get compatible\n              devices powered up quickly.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"powerdock-feature\"\u003e\n\n            \u003ch4\u003e\n              🔋 Full-Charge Auto Cut-Off\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Intelligent charging recognition helps stop\n              charging once your device reaches full capacity.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"powerdock-feature\"\u003e\n\n            \u003ch4\u003e\n              🛡️ Battery Health Protection\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Designed to reduce unnecessary continued charging\n              after your device reaches full capacity.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"powerdock-feature\"\u003e\n\n            \u003ch4\u003e\n              🌙 Overnight Protection\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Leave your device charging while you sleep with\n              greater peace of mind.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"powerdock-feature\"\u003e\n\n            \u003ch4\u003e\n              🔌 Compact Plug-In Design\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              No bulky charging setup. Simply plug in\n              PowerDock™ and charge.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"powerdock-feature\"\u003e\n\n            \u003ch4\u003e\n              ✈️ Everyday Ready\n            \u003c\/h4\u003e\n\n            \u003cp\u003e\n              Perfect for your bedside table, desk, office,\n              workspace or travel setup.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- HOW IT WORKS --\u003e\n\n    \u003cdetails class=\"powerdock-details\"\u003e\n\n      \u003csummary class=\"powerdock-summary\"\u003e\n\n        \u003cdiv class=\"powerdock-summary-left\"\u003e\n\n          \u003cdiv class=\"powerdock-summary-icon\"\u003e\n            🔌\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            How PowerDock™ Works\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"powerdock-plus\"\u003e\n          +\n        \u003c\/div\u003e\n\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"powerdock-content\"\u003e\n\n        \u003cp\u003e\n          PowerDock™ is designed to make everyday charging\n          simple and convenient.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003e1. Plug it in.\u003c\/strong\u003e\u003cbr\u003e\n          Connect PowerDock™ to your power source.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003e2. Connect your device.\u003c\/strong\u003e\u003cbr\u003e\n          Plug your compatible device into PowerDock™.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003e3. Let it charge.\u003c\/strong\u003e\u003cbr\u003e\n          Once your device reaches full capacity, the\n          intelligent charging system helps prevent\n          unnecessary continued charging.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n\n    \u003cdetails class=\"powerdock-details\"\u003e\n\n      \u003csummary class=\"powerdock-summary\"\u003e\n\n        \u003cdiv class=\"powerdock-summary-left\"\u003e\n\n          \u003cdiv class=\"powerdock-summary-icon\"\u003e\n            ⭐\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            Why Choose PowerDock™?\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"powerdock-plus\"\u003e\n          +\n        \u003c\/div\u003e\n\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"powerdock-content\"\u003e\n\n        \u003cul class=\"powerdock-list\"\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"powerdock-check\"\u003e✓\u003c\/span\u003e\n            Charge with less hassle\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"powerdock-check\"\u003e✓\u003c\/span\u003e\n            Reduce unnecessary charging\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"powerdock-check\"\u003e✓\u003c\/span\u003e\n            Designed for overnight charging\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"powerdock-check\"\u003e✓\u003c\/span\u003e\n            Compact and easy to use\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"powerdock-check\"\u003e✓\u003c\/span\u003e\n            Powerful 140W charging\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            \u003cspan class=\"powerdock-check\"\u003e✓\u003c\/span\u003e\n            Perfect for everyday setups\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- USE CASES --\u003e\n\n    \u003cdetails class=\"powerdock-details\"\u003e\n\n      \u003csummary class=\"powerdock-summary\"\u003e\n\n        \u003cdiv class=\"powerdock-summary-left\"\u003e\n\n          \u003cdiv class=\"powerdock-summary-icon\"\u003e\n            🏠\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            Built for Everyday Life\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"powerdock-plus\"\u003e\n          +\n        \u003c\/div\u003e\n\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"powerdock-content\"\u003e\n\n        \u003cp\u003e\n          Keep PowerDock™ wherever you normally charge your\n          devices — your \u003cstrong\u003ebedside table, desk, office\n          or workspace.\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Its compact plug-in design means you don't need\n          another bulky charging accessory taking up space.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Whether you're charging during the day or leaving\n          your device plugged in overnight, PowerDock™ is\n          designed to make charging simpler.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003c!-- PRODUCT PROMISE --\u003e\n\n    \u003cdetails class=\"powerdock-details\"\u003e\n\n      \u003csummary class=\"powerdock-summary\"\u003e\n\n        \u003cdiv class=\"powerdock-summary-left\"\u003e\n\n          \u003cdiv class=\"powerdock-summary-icon\"\u003e\n            🛡️\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            Smart Charging Protection\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"powerdock-plus\"\u003e\n          +\n        \u003c\/div\u003e\n\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"powerdock-content\"\u003e\n\n        \u003cp\u003e\n          PowerDock™ is designed around one simple idea:\n          \u003cstrong\u003echarge your device without constantly\n          worrying about it.\u003c\/strong\u003e\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          With full-charge recognition and charging protection,\n          PowerDock™ helps reduce unnecessary charging once\n          your device reaches full capacity.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/details\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- BOTTOM TAGLINE --\u003e\n\n  \u003cdiv class=\"powerdock-bottom\"\u003e\n\n    \u003ch3\u003e\n      Charge smarter.\u003cbr\u003e\n      \u003cspan\u003eSleep easier.\u003c\/span\u003e 🌙⚡\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      TECTO PowerDock™ — intelligent charging for everyday life.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Tecto","offers":[{"title":"Default Title","offer_id":47728621027477,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/6170\/3061\/files\/rn-image_picker_lib_temp_0be3852f-9d64-4770-98e9-651ad78e1a45.png?v=1787559879","url":"https:\/\/tecto.co.za\/products\/tecto-powerdock%e2%84%a2","provider":"Tecto","version":"1.0","type":"link"}