{"product_id":"carbon-fibre-sunglasses-holder-car-visor","title":"The Car Edit — The Carbon Case","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\/* phones can't hover — give every card its finished look by default *\/\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\"\u003eOne Press.\u003cbr\u003eLenses in\u003cbr\u003e\u003cem\u003eYour Hand.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"tce-rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"tce-problem\"\u003eYour car has a cupholder for every passenger and \u003cem\u003enowhere\u003c\/em\u003e for your glasses. So they end up in the door bin, face-down on the passenger seat, or hooked over the rear-view mirror — scratched, sat on, or missing by Friday. And if you swap between prescription specs and sunglasses every trip, one pair is always the homeless one.\u003c\/p\u003e\n\u003cp class=\"tce-intro\"\u003eMeet \u003cb\u003eThe Carbon Case\u003c\/b\u003e — a hard-shell case with a sleek carbon-fibre finish that lives on your sun visor, exactly where your hand already goes. Press the lid and it springs open in one motion, so your sunglasses come out when the glare hits and your specs go straight back in when it doesn't. Both pairs finally have an address.\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 on your visor.\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=\"M12 3.4v5.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6.6 8.2a7.2 7.2 0 1 0 10.8 0\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eOne-press opening\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003ePush the lid and the case springs open — one hand, eyes still on the road.\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=\"M3 8.4c3 0 3 2.4 6 2.4s3-2.4 6-2.4 3 2.4 6 2.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M3 14.4c3 0 3 2.4 6 2.4s3-2.4 6-2.4 3 2.4 6 2.4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eFlocked velvet lining\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eA soft brushed interior cradles the lenses so anti-glare and mirror coatings don't scuff.\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=\"M3.4 6.2l4.2 4.2-4.2 4.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9.4 4.2l4.2 4.2-4.2 4.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M15.4 6.2l4.2 4.2-4.2 4.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6.4 16.4l4.2 4.2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eCarbon-fibre finish\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eA sleek carbon-fibre finish that looks like premium cabin trim, not moulded plastic.\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 9V6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M4 15v2.5A2.5 2.5 0 0 0 6.5 20h11a2.5 2.5 0 0 0 2.5-2.5V15\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eSprung elastic back clip\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eTensioned to hold its grip on the visor through potholes, speed bumps and gravel.\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.5\" cy=\"14\" r=\"3.6\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"17.5\" cy=\"14\" r=\"3.6\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M10.1 14c.6-.8 3.2-.8 3.8 0\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M2.9 13.4L4.6 7.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M21.1 13.4L19.4 7.6\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eSpecs or sunglasses\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eHolds either pair in a protective hard shell, so the one you're not wearing always has a safe home.\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=\"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\"\u003eZero installation\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eSlides onto any sun visor in seconds. No adhesive, no tools, no trace when you take it off.\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\u003eFinish\u003c\/dt\u003e\n\u003cdd\u003eCarbon-fibre finish, matte\u003c\/dd\u003e\n\u003cdt\u003eLining\u003c\/dt\u003e\n\u003cdd\u003eFlocked velvet interior\u003c\/dd\u003e\n\u003cdt\u003eClosure\u003c\/dt\u003e\n\u003cdd\u003ePress-open sprung lid\u003c\/dd\u003e\n\u003cdt\u003eMounting\u003c\/dt\u003e\n\u003cdd\u003eElastic back clip with triangular wing brace\u003c\/dd\u003e\n\u003cdt\u003eHolds\u003c\/dt\u003e\n\u003cdd\u003eSunglasses or reading glasses\u003c\/dd\u003e\n\u003cdt\u003eFitment\u003c\/dt\u003e\n\u003cdd\u003eUniversal — fits the sun visor of any car, bakkie or SUV\u003c\/dd\u003e\n\u003cdt\u003eColour\u003c\/dt\u003e\n\u003cdd\u003eCarbon Black \u003cspan class=\"tce-dots\"\u003e \u003cspan class=\"tce-dot\" style=\"background: #17181A;\"\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":"Carbon Black","offer_id":49589591539867,"sku":"TCE-CC-BLK","price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/6132\/1883\/files\/IMG-20260920-WA0279_7e4b9259-a320-43c1-bab2-2d292869d106.jpg?v=1789924394","url":"https:\/\/the-car-edit.co.za\/products\/carbon-fibre-sunglasses-holder-car-visor","provider":"The Car Edit","version":"1.0","type":"link"}