{"product_id":"tronicx™-slimcharge-5-in-1-5-in-1-charging-kit","title":"TronicX™ SlimCharge 5-in-1 (5-in-1 Charging Kit)","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1,viewport-fit=cover\"\u003e\u003cmeta name=\"description\" content=\"Charge everything with one ultra‑slim kit. USB‑C, Lightning, Micro‑USB + adapter. Up to 60W PD. Pocket‑sized, gift‑ready. Premium, animated product page.\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root{\n    \/* Darker background with high readability *\/\n    --bg:#0a0f14; --bg-2:#0b1218; --bg-3:#0d141b;\n    --panel:#0f171e;\n    --text:#f3f8fc; --muted:#c2cdd6; --muted-2:#9fb0bc;\n    --accent:#57d7ff; --ok:#63e3b8; --focus:#a9edff;\n    --glass: rgba(255,255,255,0.06); --glass-2: rgba(255,255,255,0.04);\n    --border: rgba(255,255,255,0.14);\n    --shadow: 0 14px 40px rgba(0,0,0,0.55);\n    --r:14px; --max:1120px; --t:280ms cubic-bezier(.2,.9,.3,1);\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\n  }\n  *{box-sizing:border-box}\n  html,body{height:100%}\n  body{\n    margin:0; color:var(--text);\n    background:\n      radial-gradient(1100px 700px at 65% -10%, rgba(87,215,255,0.10), transparent 55%),\n      radial-gradient(900px 620px at -10% 110%, rgba(99,227,184,0.08), transparent 58%),\n      linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 55%, var(--bg-3) 100%);\n    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    padding:18px 14px 100px;\n  }\n  a,button{font:inherit}\n  .wrap{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns: 1fr 430px;gap:28px;align-items:start}\n\n  \/* Panels *\/\n  .panel{\n    background:linear-gradient(180deg, var(--panel), rgba(23,31,38,0.96));\n    border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow);\n  }\n\n  \/* Hero\/info *\/\n  .hero{padding:22px}\n  .brand{display:flex;gap:12px;align-items:center;margin-bottom:8px}\n  .logo{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#19ffd0,#3aa3ff);display:grid;place-items:center;color:#062128;font-weight:800}\n  .eyebrow{margin:0;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}\n  h1{margin:8px 0 10px;font-size:30px;line-height:1.1;letter-spacing:-.02em}\n  .sub{color:var(--muted);margin-bottom:14px;max-width:72%}\n  .urgency{display:flex;gap:10px;align-items:center;background:linear-gradient(180deg, rgba(99,227,184,0.08), rgba(87,215,255,0.06));border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin:12px 0}\n\n  \/* Pills + badges *\/\n  .pills{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 14px}\n  .pill{background:rgba(255,255,255,0.05);border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:13px;transition:transform var(--t)}\n  .pill:hover{transform:translateY(-3px)}\n  .badges{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}\n  .badge{font-size:12px;color:#0a1e26;background:linear-gradient(90deg,#d7f8ff,#eafff4);padding:6px 10px;border-radius:999px}\n\n  \/* Features *\/\n  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}\n  .feature{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.05);padding:12px;opacity:0;transform:translateY(18px);animation:enter .55s forwards}\n  .feature:nth-child(1){animation-delay:.08s}.feature:nth-child(2){animation-delay:.16s}.feature:nth-child(3){animation-delay:.24s}.feature:nth-child(4){animation-delay:.32s}\n  .ico{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(90deg,#0c141a,#15222b);border:1px solid rgba(255,255,255,0.12)}\n  @keyframes enter{to{opacity:1;transform:translateY(0)}}\n\n  \/* Tech *\/\n  .tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}\n  .tech .item{background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:10px;padding:12px}\n  .tech .item b{display:block;font-size:14px}\n  .tech .item span{display:block;color:var(--muted-2);font-size:13px}\n\n  \/* Buy\/CTA *\/\n  .buy{display:flex;gap:12px;align-items:center;margin-top:8px}\n  .price{font-size:24px;font-weight:800;background:linear-gradient(90deg,#fff,#d6f3ff);-webkit-background-clip:text;background-clip:text;color:transparent}\n  .cta{background:linear-gradient(90deg,#57d7ff,#63e3b8);color:#05222a;border:none;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px rgba(56,219,255,0.20);transition:transform var(--t), box-shadow var(--t)}\n  .cta:hover{transform:translateY(-3px)}\n  .secondary{background:transparent;border:1px solid var(--border);color:#eef6fb;padding:12px 14px;border-radius:10px}\n\n  \/* Visual\/product *\/\n  .visual{display:flex;flex-direction:column;gap:14px;align-items:center}\n  .device.panel{padding:16px}\n  .stage{width:100%;max-width:430px;border-radius:18px;background:linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.04));border:1px solid var(--border);box-shadow:var(--shadow);display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}\n  .mock{width:256px;height:256px;border-radius:16px;background:linear-gradient(135deg,#0f1820,#18242d);border:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform 600ms cubic-bezier(.2,.9,.3,1);cursor:grab}\n  .mock-inner{width:206px;height:58px;border-radius:12px;background:linear-gradient(90deg,#12212a,#21313b);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px;transform:translateZ(36px)}\n  .port{width:46px;height:46px;border-radius:8px;background:linear-gradient(180deg,#0e151a,#131e25);border:1px solid rgba(255,255,255,0.14);display:grid;place-items:center;color:#d1dde6;font-weight:700;font-size:12px}\n  .glow{position:absolute;inset:auto -30% auto -30%;height:64%;width:160%;background:linear-gradient(90deg,#3ee1ff33,#b7ffd933 30%,transparent 60%);filter:blur(34px);opacity:0.55;mix-blend-mode:screen;transform:rotate(-10deg);pointer-events:none}\n\n  \/* Swatches *\/\n  .swatches{display:flex;gap:12px;align-items:center;margin-top:6px}\n  .swatch{width:48px;height:48px;border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 22px rgba(0,0,0,0.35);cursor:pointer;transition:transform var(--t), outline-color var(--t)}\n  .swatch:hover{transform:translateY(-3px)}\n  .swatch.active{outline:2px solid var(--focus)}\n  .black{background:linear-gradient(180deg,#0b0f13,#121b22)}\n  .white{background:linear-gradient(180deg,#f6fbff,#e8f1f7)}\n  .pink{background:linear-gradient(180deg,#ffd5e4,#ffe6f2)}\n  .purple{background:linear-gradient(180deg,#d3c4ff,#a89bff)}\n\n  \/* Accordion *\/\n  .accordion{margin-top:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden}\n  .acc-item{border-top:1px solid var(--border)} .acc-item:first-child{border-top:none}\n  .acc-head{width:100%;text-align:left;background:rgba(255,255,255,0.04);color:var(--text);padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}\n  .acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;background:rgba(255,255,255,0.04);padding:0 14px}\n  .acc-body.open{padding:12px 14px}\n\n  \/* Trust\/reviews *\/\n  .trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}\n  .t{background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted)}\n  .reviews{margin-top:12px;display:grid;gap:12px}\n  .card{background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:12px;padding:12px}\n  .stars{color:#ffd86b}\n\n  \/* Bundle *\/\n  .bundle{display:flex;justify-content:space-between;gap:10px;align-items:center;background:linear-gradient(90deg, rgba(87,215,255,0.10), rgba(99,227,184,0.10));border:1px solid var(--border);border-radius:12px;padding:12px;margin-top:12px}\n  .strike{opacity:.7;text-decoration:line-through}\n\n  \/* Sticky cart (mobile) *\/\n  .sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:linear-gradient(180deg, rgba(8,12,16,0.92), rgba(8,12,16,0.98));border-top:1px solid var(--border);backdrop-filter: blur(10px);display:flex;gap:10px;align-items:center;padding:12px 14px}\n  .sticky .s-price{font-weight:800}\n  .sticky .s-cta{flex:1;background:linear-gradient(90deg,#57d7ff,#63e3b8);color:#062128;border:none;border-radius:12px;padding:16px 18px;font-weight:800;font-size:16px;box-shadow:0 10px 26px rgba(56,219,255,0.2)}\n  .sticky .s-cart{background:transparent;border:1px solid var(--border);color:#eef6fb;padding:14px 14px;border-radius:12px}\n\n  \/* Mobile-first *\/\n  @media (max-width:980px){\n    .wrap{grid-template-columns:1fr;gap:16px;max-width:760px}\n    h1{font-size:28px}\n    .sub{max-width:100%}\n    .hero,.device.panel{padding:16px}\n    .grid-2{grid-template-columns:1fr;gap:10px}\n    .buy{flex-wrap:wrap}\n    .cta,.secondary{width:100%;min-height:52px}\n    .stage{padding:14px}\n    .mock{width:236px;height:236px}\n    .mock-inner{width:196px;height:56px}\n    .port{width:44px;height:44px}\n    .swatch{width:52px;height:52px}\n  }\n  @media (max-width:640px){\n    body{padding:14px 12px 108px}\n    h1{font-size:24px}\n    .price{font-size:22px}\n    .badge{font-size:11.5px}\n  }\n\n  \/* Accessibility *\/\n  :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:10px}\n  @media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}\n\u003c\/style\u003e\n\u003cdiv class=\"wrap\" role=\"main\"\u003e\n\u003csection class=\"hero panel\"\u003e\n\u003cdiv class=\"brand\"\u003e\n\u003cdiv class=\"logo\"\u003eTX\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eTronicX™\u003c\/p\u003e\n\u003cdiv style=\"color: var(--muted-2); font-size: 13px;\"\u003eSlimCharge 5‑in‑1 — Pocket‑sized charging kit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1\u003eCharge Everything. Carry One.\u003c\/h1\u003e\n\u003cp class=\"sub\"\u003eReach into your bag and pull out one sleek little case — suddenly, you can charge everything. Life’s too short for cable chaos.\u003c\/p\u003e\n\u003cdiv class=\"urgency\" id=\"urgency\"\u003e\n\u003cspan\u003e⏳\u003c\/span\u003e\u003cb\u003eLimited first run:\u003c\/b\u003e \u003cspan style=\"color: var(--muted-2);\"\u003ePink and Black moving fast.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pills\"\u003e\n\u003cspan class=\"pill\"\u003eUSB‑C ↔ USB‑C — Up to 60W PD\u003c\/span\u003e \u003cspan class=\"pill\"\u003eUSB‑C ↔ Lightning — Fast charge + sync\u003c\/span\u003e \u003cspan class=\"pill\"\u003eMicro‑USB lead\u003c\/span\u003e \u003cspan class=\"pill\"\u003eUSB‑A → USB‑C adapter\u003c\/span\u003e \u003cspan class=\"pill\"\u003e20cm tangle‑resistant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"badges\"\u003e\n\u003cspan class=\"badge\"\u003e60W PD\u003c\/span\u003e \u003cspan class=\"badge\"\u003eUniversal\u003c\/span\u003e \u003cspan class=\"badge\"\u003eCompact 90mm\u003c\/span\u003e \u003cspan class=\"badge\"\u003eGift‑Ready\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-2\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"ico\"\u003e⚡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eFast power when it counts\u003c\/b\u003e\n\u003cdiv style=\"color: var(--muted-2);\"\u003eTop up phones, tablets, even USB‑C laptops.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"ico\"\u003e🧩\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eOne case, zero chaos\u003c\/b\u003e\n\u003cdiv style=\"color: var(--muted-2);\"\u003eUSB‑C, Lightning, Micro‑USB \u0026amp; adapter — organised.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"ico\"\u003e🧭\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eTravel‑ready\u003c\/b\u003e\n\u003cdiv style=\"color: var(--muted-2);\"\u003e90×18mm, ~85g. Slides into any bag.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"ico\"\u003e🎁\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003eLooks premium\u003c\/b\u003e\n\u003cdiv style=\"color: var(--muted-2);\"\u003eMinimal design. Gift box included.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"buy\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"price\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swatches\"\u003e\n\u003cbutton class=\"swatch black active\" title=\"Black\"\u003e\u003c\/button\u003e \u003cbutton class=\"swatch white\" title=\"White\"\u003e\u003c\/button\u003e \u003cbutton class=\"swatch pink\" title=\"Pink\"\u003e\u003cbr\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"color: var(--muted-2); font-size: 13px;\"\u003eFinishes — Black (sleek), White (clean), Pink (bold), Purple (fresh).\u003c\/div\u003e\n\u003cdiv class=\"tech\" role=\"list\"\u003e\n\u003cdiv class=\"item\" role=\"listitem\"\u003e\n\u003cb\u003e60W PD\u003c\/b\u003e\u003cspan\u003eUSB‑C fast charging\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\" role=\"listitem\"\u003e\n\u003cb\u003eCompact\u003c\/b\u003e\u003cspan\u003e90×18mm • ~85g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\" role=\"listitem\"\u003e\n\u003cb\u003eUniversal\u003c\/b\u003e\u003cspan\u003eiPhone, Android, Mac \u0026amp; more\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\" role=\"listitem\"\u003e\n\u003cb\u003eDurable\u003c\/b\u003e\u003cspan\u003eABS case • Soft lining\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bundle\"\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion\" id=\"accordion\"\u003e\n\u003cdiv class=\"acc-item\"\u003e\n\u003cbutton class=\"acc-head\"\u003eWhat’s inside (5 tools, 1 slim case) \u003cspan\u003e＋\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"acc-body\" id=\"acc1\"\u003e\n\u003cul\u003e\n\u003cli\u003eUSB‑C ↔ USB‑C (60W PD)\u003c\/li\u003e\n\u003cli\u003eUSB‑C ↔ Lightning (fast charge + sync)\u003c\/li\u003e\n\u003cli\u003eMicro‑USB lead\u003c\/li\u003e\n\u003cli\u003eUSB‑A → USB‑C adapter\u003c\/li\u003e\n\u003cli\u003eProtective clamshell case\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acc-item\"\u003e\n\u003cbutton class=\"acc-head\"\u003eFull Specs \u003cspan\u003e＋\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"acc-body\" id=\"acc2\"\u003e\n\u003cp style=\"color: var(--muted-2);\"\u003eCable: 20cm • Max PD: 60W (USB‑C↔USB‑C) • Connectors: USB‑C, Lightning, Micro‑USB, USB‑A (adapter) • Case: 90mm Ø × 18mm • ~85g • Colors: Black, White, Pink, Purple • Compatibility: iPhone 5–16, Samsung, Huawei, Xiaomi, iPad, MacBook, earbuds, speakers, power banks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acc-item\"\u003e\n\u003cbutton class=\"acc-head\"\u003eFAQ \u003cspan\u003e＋\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"acc-body\" id=\"acc3\"\u003e\n\u003cp\u003e\u003cb\u003eFast‑charge iPhone?\u003c\/b\u003e\u003cbr\u003eYes—use USB‑C↔Lightning with a PD charger.\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eCharge laptops?\u003c\/b\u003e\u003cbr\u003eUSB‑C↔USB‑C supports up to 60W PD (many USB‑C laptops\/tablets).\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003eSafe for batteries?\u003c\/b\u003e\u0026lt;\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"TronicX","offers":[{"title":"Black","offer_id":53821320462560,"sku":null,"price":400.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":53821320495328,"sku":null,"price":429.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":53821320528096,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0821\/6104\/1632\/files\/tronicx-white-box.png?v=1785759215","url":"https:\/\/www.tronicx.co.za\/products\/tronicx%e2%84%a2-slimcharge-5-in-1-5-in-1-charging-kit","provider":"TronicX","version":"1.0","type":"link"}