{"product_id":"the-car-edit-the-visor-clip","title":"The Car Edit — The Visor Clip","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\"\u003eAlways Within\u003cbr\u003eReach.\u003cbr\u003e\u003cem\u003eAlways in Style.\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 was designed around cupholders, not around the small things you actually carry. Sunglasses slide off the passenger seat. The parking ticket vanishes underneath it. The boom gate card is \u003cem\u003enever\u003c\/em\u003e where you left it. The centre console swallows everything and hands nothing back — usually at the exact moment the light goes green.\u003c\/p\u003e\n\u003cp class=\"tce-intro\"\u003eMeet \u003cb\u003eThe Visor Clip\u003c\/b\u003e — the effortless way to keep your essentials within arm's reach. It clips securely onto your sun visor and holds your sunglasses, cards, IDs, driver's licence, parking tickets, pens, lipstick, and more — right where your hand already goes.\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=\"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\"\u003eSecure elastic grip\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eHolds firm over bumps, sharp turns, and sudden stops.\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 3l7.5 3v6.2c0 4.2-3.1 7.4-7.5 9.3-4.4-1.9-7.5-5.1-7.5-9.3V6z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 8.5v7\" stroke-dasharray=\"2 2.4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003ePremium leather \u0026amp; metal construction\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eBuilt to last and looks the part.\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=\"9\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M3 12h18\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M12 3c2.6 2.6 2.6 15.4 0 18-2.6-2.6-2.6-15.4 0-18z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eFits any sun visor\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eUniversal design works across all car makes and models.\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.95 5.85L19.8 11l-5.85 1.95L12 18.8l-1.95-5.85L4.2 11l5.85-1.95z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eUnisex design\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eSleek and minimal, at home in any interior.\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 6h16M4 10h16M4 14h10\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv class=\"tce-body\"\u003e\n\u003cdiv class=\"tce-t\"\u003eHolds more than you think\u003c\/div\u003e\n\u003cdiv class=\"tce-d\"\u003eSunglasses, cards, IDs, driver's licence, parking tickets, pens, lipstick — all within arm's reach.\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\"\u003eClips on in seconds, no tools required.\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\u003eDimensions\u003c\/dt\u003e\n\u003cdd\u003e4 cm (W) × 9.5 cm (H)\u003cbr\u003e1.57 in × 3.74 in\u003c\/dd\u003e\n\u003cdt\u003eWeight\u003c\/dt\u003e\n\u003cdd\u003eApprox. 45 g \/ 1.6 oz\u003c\/dd\u003e\n\u003cdt\u003eMaterial\u003c\/dt\u003e\n\u003cdd\u003ePremium leather exterior, metal clip mechanism\u003c\/dd\u003e\n\u003cdt\u003eAvailable colours\u003c\/dt\u003e\n\u003cdd\u003eGrey, Black, Green, Tan, Pink \u003cspan class=\"tce-dots\"\u003e \u003cspan class=\"tce-dot\" style=\"background: #6E7073;\"\u003e\u003c\/span\u003e \u003cspan class=\"tce-dot\" style=\"background: #191817;\"\u003e\u003c\/span\u003e \u003cspan class=\"tce-dot\" style=\"background: #2E4A3A;\"\u003e\u003c\/span\u003e \u003cspan class=\"tce-dot\" style=\"background: #B5763F;\"\u003e\u003c\/span\u003e \u003cspan class=\"tce-dot\" style=\"background: #E7B7BC;\"\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":49489524949147,"sku":"TCE-VC-BLK","price":279.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey","offer_id":49517623476379,"sku":"TCE-VC-GRY","price":279.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":49517623509147,"sku":"TCE-VC-GRN","price":279.0,"currency_code":"ZAR","in_stock":true},{"title":"Tan","offer_id":49517623541915,"sku":"TCE-VC-TAN","price":279.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":49848842420379,"sku":"TCE-VC-PNK","price":279.0,"currency_code":"ZAR","in_stock":true},{"title":"Red","offer_id":49982867505307,"sku":"TCE-VC-RED","price":279.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige","offer_id":49982867538075,"sku":"TCE-VC-BEI","price":279.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/6132\/1883\/files\/visor-clip-colours.jpg?v=1792354042","url":"https:\/\/the-car-edit.co.za\/products\/the-car-edit-the-visor-clip","provider":"The Car Edit","version":"1.0","type":"link"}