{"product_id":"7-in-1-car-charger-retractable-cables-voltage-display","title":"Starlight Charge Hub — 7-in-1 Retractable Car Charger","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:wght@400;500;600\u0026family=Newsreader:opsz,wght@6..72,400;6..72,500\u0026display=swap');\n\n.tce{\n  --gold:#D4B24A;\n  --gold-lt:#F6E7B4;\n  --gold-dk:#8A6A1C;\n  --head:#FFFFFF;\n  --text:#DAD6CD;\n  --soft:#ABA69C;\n  --hair:rgba(212,178,74,.22);\n  --pad:20px;\n\n  all:initial;\n  display:block;\n  box-sizing:border-box;\n  font-family:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;\n  font-size:17px;\n  font-weight:400;\n  line-height:1.7;\n  color:var(--text);\n  background:radial-gradient(140% 58% at 50% -4%,#1E1A15 0%,transparent 52%),linear-gradient(#0A0A09,#000 42%);\n  border-radius:4px;\n  -webkit-font-smoothing:antialiased;\n  -webkit-text-size-adjust:100%;\n  overflow:hidden;\n}\n.tce *,.tce *::before,.tce *::after{box-sizing:border-box;}\n.tce p,.tce h2,.tce h3,.tce ul,.tce li,.tce dl,.tce dt,.tce dd{margin:0;padding:0;}\n.tce ul{list-style:none;}\n\n.tce-wrap{padding:clamp(34px,6vw,60px) var(--pad) clamp(32px,5vw,52px);max-width:880px;margin:0 auto;}\n.tce-sec{margin-top:clamp(38px,6vw,68px);}\n@media(min-width:640px){.tce{--pad:36px;font-size:18px;}}\n@media(min-width:820px){.tce{--pad:52px;}}\n@media(min-width:1100px){.tce{font-size:18.5px;}}\n\n.tce-stitch{height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 11px,transparent 11px 20px);opacity:.4;border-radius:3px;}\n.tce-stitch.sm{width:56px;margin:24px auto 0;opacity:.85;}\n\n\/* ---------- opening ---------- *\/\n.tce-hero{text-align:center;}\n.tce-brand{\n  font-size:.66em;letter-spacing:.3em;text-transform:uppercase;\n  color:var(--gold-lt);font-weight:600;\n}\n.tce h2.tce-display{\n  font-family:'Newsreader',Georgia,'Times New Roman',serif;\n  font-weight:500;font-size:clamp(1.9rem,8vw,3rem);line-height:1.14;letter-spacing:-.012em;\n  margin-top:.32em;color:var(--head);\n}\n.tce h2.tce-display em{\n  font-style:italic;font-weight:400;\n  background:linear-gradient(176deg,var(--gold-lt) 12%,var(--gold) 58%,var(--gold-dk) 100%);\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.tce-rule{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:clamp(20px,3.5vw,28px) auto 0;}\n\n.tce-intro{\n  font-size:1.04em;line-height:1.74;\n  max-width:58ch;margin:clamp(20px,3.5vw,30px) auto 0;text-align:center;\n}\n.tce-intro b{color:var(--head);font-weight:600;}\n.tce-problem{\n  font-size:1.02em;line-height:1.74;color:var(--soft);\n  max-width:56ch;margin:clamp(20px,3.5vw,30px) auto 0;text-align:center;\n}\n.tce-problem em{font-style:italic;color:var(--gold-lt);}\n\n\/* ---------- headings ---------- *\/\n.tce h3.tce-h{\n  font-family:'Newsreader',Georgia,serif;font-weight:500;\n  font-size:clamp(1.55rem,5.6vw,2.1rem);line-height:1.2;letter-spacing:-.01em;\n  color:var(--head);text-align:center;\n}\n.tce-sub{font-size:.94em;color:var(--soft);text-align:center;max-width:44ch;margin:8px auto 0;}\n.tce-hgroup{margin-bottom:clamp(24px,3.5vw,34px);}\n\n\/* ---------- benefit cards ---------- *\/\n.tce-love{display:grid;gap:12px;grid-template-columns:1fr;}\n@media(min-width:640px){.tce-love{grid-template-columns:1fr 1fr;gap:16px;}}\n@media(min-width:900px){.tce-love{grid-template-columns:repeat(3,1fr);}}\n\n.tce-card{\n  position:relative;overflow:hidden;\n  display:grid;grid-template-columns:34px 1fr;column-gap:15px;align-items:start;\n  background:linear-gradient(158deg,#171614 0%,#0B0B0A 100%);\n  border:1px solid rgba(212,178,74,.16);\n  border-radius:12px;\n  padding:18px 18px 20px;\n  transition:border-color .45s ease,transform .45s cubic-bezier(.2,.8,.3,1),box-shadow .45s ease;\n}\n.tce-card::before{\n  content:\"\";position:absolute;top:0;left:0;height:2px;width:100%;\n  background:linear-gradient(90deg,var(--gold-lt),var(--gold),transparent);\n  transform:scaleX(0);transform-origin:left;\n  transition:transform .55s cubic-bezier(.2,.8,.3,1);\n}\n.tce-card::after{\n  content:\"\";position:absolute;inset:0;pointer-events:none;\n  background:radial-gradient(90% 60% at 12% 0%,rgba(212,178,74,.12),transparent 62%);\n  opacity:0;transition:opacity .5s ease;\n}\n.tce-card:hover,.tce-card:focus-within{\n  border-color:rgba(212,178,74,.48);transform:translateY(-5px);\n  box-shadow:0 16px 38px rgba(0,0,0,.62);\n}\n.tce-card:hover::before,.tce-card:focus-within::before{transform:scaleX(1);}\n.tce-card:hover::after,.tce-card:focus-within::after{opacity:1;}\n\n@media(hover:none){\n  .tce-card::before{transform:scaleX(1);opacity:.5;}\n  .tce-card::after{opacity:.75;}\n  .tce-card{border-color:rgba(212,178,74,.24);}\n}\n\n.tce-ico{position:relative;z-index:1;display:block;width:30px;height:30px;margin-top:2px;transition:transform .45s cubic-bezier(.2,.8,.3,1);}\n.tce-ico svg{width:30px;height:30px;display:block;overflow:visible;}\n.tce-ico svg *{stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .45s ease;}\n.tce-card:hover .tce-ico,.tce-card:focus-within .tce-ico{transform:translateY(-2px) scale(1.08);}\n.tce-card:hover .tce-ico svg *,.tce-card:focus-within .tce-ico svg *{stroke:var(--gold-lt);}\n\n.tce-body{position:relative;z-index:1;min-width:0;}\n.tce-t{font-size:1.03em;font-weight:600;line-height:1.35;letter-spacing:-.005em;color:var(--head);}\n.tce-d{font-size:.95em;line-height:1.6;color:var(--text);margin-top:5px;}\n\n@media(min-width:640px){\n  .tce-card{grid-template-columns:1fr;row-gap:14px;padding:24px 22px 26px;}\n  .tce-ico{margin-top:0;}\n}\n\n@supports (animation-timeline:view()){\n  @media (prefers-reduced-motion:no-preference){\n    .tce-card{animation:tce-card-in .9s linear both;animation-timeline:view();animation-range:entry 2% cover 20%;}\n  }\n}\n@keyframes tce-card-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}\n\n\/* ---------- specifications ---------- *\/\n.tce-spec{max-width:620px;margin:0 auto;}\n.tce-spec dl{display:grid;grid-template-columns:1fr;}\n.tce-spec dt{\n  font-size:.71em;letter-spacing:.16em;text-transform:uppercase;font-weight:600;\n  color:var(--soft);padding:15px 0 1px;\n}\n.tce-spec dd{\n  font-size:1.01em;color:var(--head);line-height:1.5;\n  padding:0 0 15px;border-bottom:1px solid var(--hair);\n}\n@media(min-width:560px){\n  .tce-spec dl{grid-template-columns:165px 1fr;}\n  .tce-spec dt{padding:17px 0;border-bottom:1px solid var(--hair);}\n  .tce-spec dd{padding:17px 0;}\n}\n.tce-spec dt:last-of-type,.tce-spec dd:last-of-type{border-bottom:0;}\n.tce-dots{display:flex;gap:9px;align-items:center;margin-top:9px;}\n.tce-dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 5px rgba(0,0,0,.75);}\n\n\/* ---------- close ---------- *\/\n.tce-close{text-align:center;}\n.tce-flag{display:inline-flex;height:4px;width:94px;border-radius:3px;overflow:hidden;margin-bottom:18px;}\n.tce-flag i{flex:1;}\n.tce-close p{font-size:1em;color:var(--text);max-width:42ch;margin:0 auto;}\n.tce-close strong{color:var(--gold-lt);font-weight:600;}\n\n@supports (animation-timeline:view()){\n  @media (prefers-reduced-motion:no-preference){\n    .tce-reveal{animation:tce-rise .9s linear both;animation-timeline:view();animation-range:entry 4% cover 20%;}\n  }\n}\n@keyframes tce-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n@media (prefers-reduced-motion:reduce){.tce *{animation:none !important;transition-duration:.01ms !important;}}\n\u003c\/style\u003e\n\u003cdiv class=\"tce\"\u003e\n\u003cdiv class=\"tce-wrap\"\u003e\n\u003c!-- opening --\u003e\n\u003cdiv class=\"tce-hero\"\u003e\n\u003cdiv class=\"tce-brand\"\u003eThe Car Edit\u003c\/div\u003e\n\u003ch2 class=\"tce-display\"\u003eSeven Outputs.\u003cbr\u003eOne Socket.\u003cbr\u003e\u003cem\u003eAnd a Sky.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"tce-rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"tce-problem\"\u003eTwo phones up front, a dashcam, a passenger who brought the wrong cable, and kids in the back who have been on 3% since Midrand. Between them: \u003cem\u003eone\u003c\/em\u003e 12V socket and a tangle of cords in the cupholder. Somebody's phone always loses.\u003c\/p\u003e\n\u003cp class=\"tce-intro\"\u003eMeet the \u003cb\u003eStarlight Charge Hub\u003c\/b\u003e — three retractable USB-C cables that pull out to reach the back seat and wind away when you're done, plus two USB-C and two USB-A ports for everyone else. A live voltage readout watches your battery while it charges. And when the sun goes down, the built-in projector throws a field of stars across your headliner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- why you'll love it --\u003e\n\u003cdiv class=\"tce-sec\"\u003e\n\u003cdiv class=\"tce-hgroup\"\u003e\n\u003ch3 class=\"tce-h\"\u003eWhy You'll Love It\u003c\/h3\u003e\n\u003cp class=\"tce-sub\"\u003eSix reasons it earns its place in your socket.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cul class=\"tce-love\"\u003e\n\u003cli class=\"tce-card\"\u003e\n\u003cspan class=\"tce-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M13.2 2.8L5.4 13.6h5.6L9.8 21.2l7.8-10.8H12z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eSeven outputs at once\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eThree built-in cables, two USB-C ports and two USB-A ports — the whole car plugged in, from one socket.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"tce-card\"\u003e\n\u003cspan class=\"tce-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"4.2\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 7.8V3.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M15.6 14.4l3.1 3.1\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8.4 14.4l-3.1 3.1\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eRetractable cables\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003ePull one out and it locks where you want it. Tug again and it winds back in. No nest in the cupholder.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"tce-card\"\u003e\n\u003cspan class=\"tce-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 3.2l1.6 4.8 4.8 1.6-4.8 1.6L12 16l-1.6-4.8L5.6 9.6l4.8-1.6z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M18.6 15.4l.7 2.1 2.1.7-2.1.7-.7 2.1-.7-2.1-2.1-.7 2.1-.7z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M5 16.2l.5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eStarlight roof projector\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eA built-in projector scatters stars across your headliner after dark — the detail passengers notice the second they get in.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"tce-card\"\u003e\n\u003cspan class=\"tce-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003crect x=\"2.8\" y=\"6.4\" width=\"18.4\" height=\"11.2\" rx=\"2\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M6.6 11h2.2v2.6H6.6z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M11.4 11h2.2v2.6h-2.2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16.2 11h2.2v2.6h-2.2z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eLive voltage readout\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eThe LED shows what your battery is actually doing — so a tired battery announces itself in the driveway, not in a parking lot at night.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"tce-card\"\u003e\n\u003cspan class=\"tce-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003ccircle cx=\"6.4\" cy=\"14.4\" r=\"3.6\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"17.6\" cy=\"14.4\" r=\"3.6\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M10 14.4h4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M2.8 11.2L4.6 7.6h3.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M21.2 11.2L19.4 7.6h-3.2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003e12V and 24V\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eWorks in the car and in the bakkie or truck, with the readout scaled to each.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"tce-card\"\u003e\n\u003cspan class=\"tce-ico\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M4.2 16.4a8.4 8.4 0 0 1 15.6 0\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 16.4V8.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8.6 11.2L12 7.8l3.4 3.4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003e180° adjustable head\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eAngles to suit where your socket sits, so it clears the gear lever and the projector points where you want it.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tce-sec\"\u003e\n\u003cdiv class=\"tce-stitch\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- specifications --\u003e\n\u003cdiv class=\"tce-sec tce-reveal\"\u003e\n\u003cdiv class=\"tce-hgroup\"\u003e\n\u003ch3 class=\"tce-h\"\u003eProduct Specifications\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tce-spec\"\u003e\n\u003cdl\u003e\n\u003cdt\u003eOutputs\u003c\/dt\u003e\n\u003cdd\u003e3 × retractable USB-C cables\u003cbr\u003e2 × USB-C (PD) ports\u003cbr\u003e2 × USB-A (3.1A) ports\u003c\/dd\u003e\n\u003cdt\u003eDisplay\u003c\/dt\u003e\n\u003cdd\u003eLED digital voltage readout\u003c\/dd\u003e\n\u003cdt\u003eLighting\u003c\/dt\u003e\n\u003cdd\u003eStarlight roof projector, plus an RGB ambient ring around the face\u003c\/dd\u003e\n\u003cdt\u003eVehicles\u003c\/dt\u003e\n\u003cdd\u003e12V and 24V systems — cars, bakkies and trucks\u003c\/dd\u003e\n\u003cdt\u003eAdjustment\u003c\/dt\u003e\n\u003cdd\u003e180° rotating head\u003c\/dd\u003e\n\u003cdt\u003eFitment\u003c\/dt\u003e\n\u003cdd\u003eStandard 12V cigarette-lighter socket\u003c\/dd\u003e\n\u003cdt\u003eColour\u003c\/dt\u003e\n\u003cdd\u003eBlack \u003cspan class=\"tce-dots\"\u003e \u003cspan class=\"tce-dot\" style=\"background: #2A2C30;\"\u003e\u003c\/span\u003e \u003c\/span\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- close --\u003e\n\u003cdiv class=\"tce-sec tce-close tce-reveal\"\u003e\n\u003cspan class=\"tce-flag\"\u003e \u003ci style=\"background: #007A4D;\"\u003e\u003c\/i\u003e\u003ci style=\"background: #FFB612;\"\u003e\u003c\/i\u003e\u003ci style=\"background: #DE3831;\"\u003e\u003c\/i\u003e \u003ci style=\"background: #fff;\"\u003e\u003c\/i\u003e\u003ci style=\"background: #002395;\"\u003e\u003c\/i\u003e\u003ci style=\"background: #000;\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eThe Car Edit\u003c\/strong\u003e — Driven by South Africa.\u003c\/p\u003e\n\u003cdiv class=\"tce-stitch sm\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"The Car Edit","offers":[{"title":"Black","offer_id":49589896446107,"sku":"TCE-PH-BLK","price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/6132\/1883\/files\/ChatGPT_Image_Sep_20_2026_09_06_20_PM_cbad5e81-7734-4c39-a90a-2f024ba57f9d.png?v=1790101358","url":"https:\/\/the-car-edit.co.za\/products\/7-in-1-car-charger-retractable-cables-voltage-display","provider":"The Car Edit","version":"1.0","type":"link"}