{"product_id":"gridlite™usb-c-to-usb-c-braided-type-c-fast-charge-cable","title":"GridLite™USB-C to USB-C, Braided Type-C Fast Charge Cable","description":"\u003cstyle\u003e \/* ========================================= GRIDLITE™ 1.5M USB-C CABLE PREMIUM TEAL NEON EDITION ========================================= *\/ .gl-cable { width: 100%; padding: 65px 20px; background: #ffffff; color: #101418; font-family: Arial, Helvetica, sans-serif; overflow: hidden; } .gl-cable *, .gl-cable *::before, .gl-cable *::after { box-sizing: border-box; } .gl-cable-container { width: 100%; max-width: 1180px; margin: 0 auto; } \/* ================= HERO ================= *\/ .gl-cable-hero { text-align: center; margin-bottom: 45px; animation: glFadeUp .8s ease both; } .gl-cable-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border: 1px solid #16c7bd; border-radius: 50px; background: rgba(22,199,189,.06); color: #078d87; font-size: 12px; font-weight: 800; letter-spacing: .8px; margin-bottom: 17px; box-shadow: 0 0 18px rgba(22,199,189,.12); } .gl-cable-title { margin: 0 auto 16px; max-width: 850px; font-size: clamp(35px,5vw,62px); line-height: 1.05; font-weight: 900; letter-spacing: -2px; } .gl-cable-title span { background: linear-gradient( 90deg, #087f79, #19d8cd, #087f79 ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glShine 4s linear infinite; } .gl-cable-subtitle { max-width: 720px; margin: auto; color: #687176; font-size: 16px; line-height: 1.65; } \/* ================= STATS ================= *\/ .gl-cable-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 58px; } .gl-stat { position: relative; padding: 28px 18px; text-align: center; border: 1px solid #dce8e8; border-radius: 21px; background: linear-gradient(145deg,#ffffff,#f7fbfb); overflow: hidden; transition: .35s ease; } .gl-stat::before { content:\"\"; position:absolute; width:130px; height:130px; top:-80px; left:50%; transform:translateX(-50%); background:#16c7bd; opacity:.10; border-radius:50%; filter:blur(28px); } .gl-stat:hover { transform:translateY(-6px); border-color:#16c7bd; box-shadow:0 15px 40px rgba(22,199,189,.14); } .gl-stat-icon { font-size:27px; margin-bottom:8px; } .gl-stat-number { font-size:29px; font-weight:900; color:#087f79; margin-bottom:4px; } .gl-stat-label { color:#747d81; font-size:12px; font-weight:700; } \/* ================= HEADINGS ================= *\/ .gl-section-heading { text-align:center; margin-bottom:27px; } .gl-section-heading h2 { margin:0 0 8px; font-size:clamp(27px,4vw,40px); font-weight:900; letter-spacing:-1px; color:#101418; } .gl-section-heading p { margin:0; color:#7a8387; font-size:14px; } \/* ================= FEATURES ================= *\/ .gl-feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; margin-bottom:58px; } .gl-feature { position:relative; padding:29px; min-height:205px; border:1px solid #dfe8e8; border-radius:22px; background:#ffffff; overflow:hidden; transition:.4s ease; } .gl-feature::after { content:\"\"; position:absolute; width:180px; height:180px; right:-110px; bottom:-110px; background:#16c7bd; opacity:.10; border-radius:50%; filter:blur(30px); transition:.4s ease; } .gl-feature:hover { transform:translateY(-6px); border-color:#16c7bd; box-shadow:0 17px 45px rgba(22,199,189,.12); } .gl-feature:hover::after { transform:scale(1.4); } .gl-feature-icon { position:relative; z-index:2; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#10191b; color:#18d4c9; font-size:23px; margin-bottom:17px; box-shadow:0 7px 20px rgba(0,0,0,.16); transition:.35s ease; } .gl-feature:hover .gl-feature-icon { transform:scale(1.08) rotate(-4deg); box-shadow:0 0 22px rgba(22,199,189,.35); } .gl-feature h3 { position:relative; z-index:2; margin:0 0 9px; font-size:20px; font-weight:850; color:#101418; } .gl-feature p { position:relative; z-index:2; margin:0; color:#687176; font-size:14px; line-height:1.65; } \/* ================= WIDE DARK CARD ================= *\/ .gl-feature-wide { grid-column:1\/-1; min-height:auto; display:flex; align-items:center; gap:25px; padding:31px; background:linear-gradient(135deg,#0b1719,#102a2b); border:none; color:#ffffff; box-shadow:0 15px 40px rgba(0,0,0,.12); } .gl-feature-wide::before { content:\"\"; position:absolute; width:280px; height:280px; right:-100px; top:-170px; background:#16c7bd; opacity:.16; border-radius:50%; filter:blur(40px); } .gl-feature-wide .gl-feature-icon { flex-shrink:0; background:#16c7bd; color:#071415; box-shadow:0 0 25px rgba(22,199,189,.35); } .gl-feature-wide h3 { color:#ffffff !important; } .gl-feature-wide p { color:#d8ffff !important; } \/* ================= SPECIFICATIONS ================= *\/ .gl-specs { margin-bottom:55px; } .gl-specs-box { overflow:hidden; border:1px solid #dce7e7; border-radius:22px; background:#fafdfd; } .gl-spec-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 23px; border-bottom:1px solid #e5eded; } .gl-spec-row:last-child { border-bottom:none; } .gl-spec-name { color:#778084; font-size:13px; font-weight:600; } .gl-spec-value { text-align:right; font-size:13px; font-weight:850; color:#11191b; } \/* ================= BOTTOM CTA ================= *\/ .gl-cable-cta { position:relative; padding:50px 25px; text-align:center; border-radius:25px; background:linear-gradient(135deg,#091618,#102d2e); color:#ffffff !important; overflow:hidden; box-shadow:0 15px 45px rgba(0,0,0,.15); } .gl-cable-cta::before, .gl-cable-cta::after { content:\"\"; position:absolute; border:1px solid rgba(22,199,189,.25); border-radius:50%; animation:glPulse 4s ease-in-out infinite; } .gl-cable-cta::before { width:260px; height:260px; top:-170px; left:-90px; } .gl-cable-cta::after { width:350px; height:350px; right:-170px; bottom:-230px; animation-delay:1s; } .gl-cable-cta h2 { position:relative; z-index:2; margin:0 0 12px; font-size:clamp(27px,4vw,42px); line-height:1.15; font-weight:900; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } .gl-cable-cta p { position:relative; z-index:2; max-width:650px; margin:auto; color:#e7ffff !important; -webkit-text-fill-color:#e7ffff !important; font-size:14px; line-height:1.7; } \/* ================= NOTE ================= *\/ .gl-cable-note { margin-top:20px; padding:14px 17px; border-radius:13px; background:#f4f9f9; border:1px solid #e2eded; color:#707a7d; font-size:11px; line-height:1.6; text-align:center; } \/* ================= ANIMATIONS ================= *\/ @keyframes glFadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } } @keyframes glShine { 0% { background-position:200% center; } 100% { background-position:-200% center; } } @keyframes glPulse { 0%,100% { transform:scale(1); opacity:.45; } 50% { transform:scale(1.08); opacity:1; } } \/* ================= MOBILE ================= *\/ @media (max-width:768px) { .gl-cable { padding:42px 12px; } .gl-cable-hero { margin-bottom:31px; } .gl-cable-badge { font-size:10px; padding:7px 12px; margin-bottom:14px; } .gl-cable-title { font-size:34px; line-height:1.08; letter-spacing:-1.4px; } .gl-cable-subtitle { font-size:14px; line-height:1.6; padding:0 5px; } \/* STATS *\/ .gl-cable-stats { grid-template-columns:1fr; gap:10px; margin-bottom:42px; } .gl-stat { padding:20px 15px; border-radius:17px; } .gl-stat-icon { font-size:24px; } .gl-stat-number { font-size:26px; } \/* HEADINGS *\/ .gl-section-heading { margin-bottom:20px; } .gl-section-heading h2 { font-size:27px; line-height:1.15; } .gl-section-heading p { font-size:13px; line-height:1.5; } \/* FEATURES *\/ .gl-feature-grid { grid-template-columns:1fr; gap:11px; margin-bottom:43px; } .gl-feature { grid-column:auto; min-height:0; padding:22px 19px; border-radius:18px; } .gl-feature-icon { width:45px; height:45px; font-size:20px; margin-bottom:14px; } .gl-feature h3 { font-size:18px; line-height:1.25; margin-bottom:7px; } .gl-feature p { font-size:13px; line-height:1.6; } \/* WIDE FEATURE *\/ .gl-feature-wide { display:block; padding:23px 19px; } .gl-feature-wide .gl-feature-icon { margin-bottom:15px; } \/* SPECS *\/ .gl-specs { margin-bottom:43px; } .gl-specs-box { border-radius:18px; } .gl-spec-row { padding:15px 15px; gap:12px; } .gl-spec-name, .gl-spec-value { font-size:12px; } .gl-spec-value { max-width:55%; } \/* BOTTOM CTA *\/ .gl-cable-cta { padding:38px 18px; border-radius:21px; } .gl-cable-cta h2 { font-size:28px; line-height:1.15; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } .gl-cable-cta p { font-size:13px; line-height:1.65; color:#e7ffff !important; -webkit-text-fill-color:#e7ffff !important; } .gl-cable-note { font-size:10.5px; padding:13px 14px; line-height:1.6; } } \/* ================= SMALL PHONES ================= *\/ @media (max-width:390px) { .gl-cable { padding-left:10px; padding-right:10px; } .gl-cable-title { font-size:31px; } .gl-feature { padding:20px 17px; } .gl-feature-wide { padding:21px 17px; } .gl-spec-row { padding:14px; } .gl-spec-name, .gl-spec-value { font-size:11.5px; } .gl-cable-cta { padding:35px 16px; } .gl-cable-cta h2 { font-size:26px; } } \u003c\/style\u003e \u003csection class=\"gl-cable\"\u003e \u003cdiv class=\"gl-cable-container\"\u003e \u003c!-- HERO --\u003e \u003cdiv class=\"gl-cable-hero\"\u003e \u003cdiv class=\"gl-cable-badge\"\u003e ⚡ PREMIUM CHARGING ESSENTIAL \u003c\/div\u003e \u003ch1 class=\"gl-cable-title\"\u003e \u003cspan\u003e1.5M Braided USB-C\u003c\/span\u003e\u003cbr\u003e Fast Charging Cable \u003c\/h1\u003e \u003cp class=\"gl-cable-subtitle\"\u003e Power up. Stay connected. Built to last. A premium USB-C to USB-C cable designed for reliable charging, convenient length and everyday durability. \u003c\/p\u003e \u003c\/div\u003e \u003c!-- QUICK STATS --\u003e \u003cdiv class=\"gl-cable-stats\"\u003e \u003cdiv class=\"gl-stat\"\u003e \u003cdiv class=\"gl-stat-icon\"\u003e📏\u003c\/div\u003e \u003cdiv class=\"gl-stat-number\"\u003e1.5M\u003c\/div\u003e \u003cdiv class=\"gl-stat-label\"\u003eEXTRA-LONG LENGTH\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"gl-stat\"\u003e \u003cdiv class=\"gl-stat-icon\"\u003e🚀\u003c\/div\u003e \u003cdiv class=\"gl-stat-number\"\u003e480 Mbps\u003c\/div\u003e \u003cdiv class=\"gl-stat-label\"\u003eDATA TRANSFER\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"gl-stat\"\u003e \u003cdiv class=\"gl-stat-icon\"\u003e🛡️\u003c\/div\u003e \u003cdiv class=\"gl-stat-number\"\u003eBRAIDED\u003c\/div\u003e \u003cdiv class=\"gl-stat-label\"\u003eDURABLE CONSTRUCTION\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- FEATURES --\u003e \u003cdiv class=\"gl-section-heading\"\u003e \u003ch2\u003eBuilt For Everyday Performance.\u003c\/h2\u003e \u003cp\u003e Everything you need from a dependable USB-C cable. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-feature-grid\"\u003e \u003cdiv class=\"gl-feature\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e⚡\u003c\/div\u003e \u003ch3\u003eFast Charging Support\u003c\/h3\u003e \u003cp\u003e Designed to support fast-charging applications when paired with a compatible charger, device and charging protocol. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-feature\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e🚀\u003c\/div\u003e \u003ch3\u003e480 Mbps Data Transfer\u003c\/h3\u003e \u003cp\u003e Transfer photos, videos, documents and other files at speeds of up to 480 Mbps with compatible devices. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-feature\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e🛡️\u003c\/div\u003e \u003ch3\u003eReinforced \u0026amp; Durable\u003c\/h3\u003e \u003cp\u003e The braided exterior and multi-layer construction help protect the internal wiring against everyday bending, pulling and wear. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-feature\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e📏\u003c\/div\u003e \u003ch3\u003eExtra-Long 1.5M\u003c\/h3\u003e \u003cp\u003e Enjoy more freedom while charging at your bedside, desk, office or couch without being restricted by a short cable. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-feature\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e🔌\u003c\/div\u003e \u003ch3\u003eUSB-C to USB-C\u003c\/h3\u003e \u003cp\u003e Connect modern USB-C devices to compatible chargers, power adapters, laptops, tablets and other USB-C equipment. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-feature\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e💪\u003c\/div\u003e \u003ch3\u003eBuilt For Daily Use\u003c\/h3\u003e \u003cp\u003e Multi-layer cable construction provides added protection and dependable performance for everyday charging. \u003c\/p\u003e \u003c\/div\u003e \u003c!-- FULL WIDTH DARK CARD --\u003e \u003cdiv class=\"gl-feature gl-feature-wide\"\u003e \u003cdiv class=\"gl-feature-icon\"\u003e🔥\u003c\/div\u003e \u003cdiv\u003e \u003ch3\u003eOne Cable. More Freedom. More Power.\u003c\/h3\u003e \u003cp\u003e From charging your phone beside your bed to connecting your tablet at your desk, the 1.5M length gives you the flexibility you need without sacrificing durability. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- PRODUCT SPECIFICATIONS --\u003e \u003cdiv class=\"gl-specs\"\u003e \u003cdiv class=\"gl-section-heading\"\u003e \u003ch2\u003eProduct Specifications\u003c\/h2\u003e \u003cp\u003e Everything you need to know at a glance. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"gl-specs-box\"\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eCable Type\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003eUSB-C to USB-C\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eLength\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003e1.5M\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eData Transfer\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003eUp to 480 Mbps\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eConstruction\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003eBraided Exterior\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eConnector\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003eUSB-C\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eQuantity\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003e1 Cable\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"gl-spec-row\"\u003e \u003cspan class=\"gl-spec-name\"\u003eColour\u003c\/span\u003e \u003cspan class=\"gl-spec-value\"\u003eWhite\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- BOTTOM CTA --\u003e \u003cdiv class=\"gl-cable-cta\"\u003e \u003ch2\u003e Charge Smarter. Connect Faster. \u003c\/h2\u003e \u003cp\u003e A premium 1.5M USB-C cable designed to give you the length, durability and convenience you need every day. \u003c\/p\u003e \u003c\/div\u003e \u003c!-- DISCLAIMER --\u003e \u003cdiv class=\"gl-cable-note\"\u003e \u003cstrong\u003eImportant:\u003c\/strong\u003e Actual charging speed depends on the connected device, charger\/power adapter and supported charging protocols. The 480 Mbps specification refers to data-transfer capability, not charging speed. \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e","brand":"GridLite ","offers":[{"title":"Default Title","offer_id":46704383262799,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/0976\/7247\/files\/1_1c47e97e-d324-4a82-b8fc-239d8fb08642.jpg?v=1788710794","url":"https:\/\/gridlite.co.za\/products\/gridlite%e2%84%a2usb-c-to-usb-c-braided-type-c-fast-charge-cable","provider":"GridLite ","version":"1.0","type":"link"}