{"product_id":"trade-supply™-sun-visor-organiser","title":"Trade Supply™ Sun Visor Organiser","description":"\u003cstyle\u003e\n.ts-sunvisor {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  background: #000000;\n  color: #ffffff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n.ts-sunvisor * {\n  box-sizing: border-box;\n}\n\n.ts-sunvisor .tssv-wrap {\n  width: 100%;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.ts-sunvisor .tssv-orange {\n  color: #ff6a00;\n}\n\n\/* TOP BAR *\/\n.ts-sunvisor .tssv-top {\n  padding: 12px 16px;\n  background: #ff6a00;\n  color: #000000;\n  text-align: center;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n\/* HERO *\/\n.ts-sunvisor .tssv-hero {\n  padding: 70px 0 80px;\n  background:\n    radial-gradient(circle at 50% 15%, #1b1b1b 0%, #090909 48%, #000000 100%);\n}\n\n.ts-sunvisor .tssv-hero-content {\n  max-width: 900px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.ts-sunvisor .tssv-tag {\n  display: inline-block;\n  margin-bottom: 14px;\n  padding: 8px 14px;\n  border: 1px solid #ff6a00;\n  border-radius: 999px;\n  color: #ff6a00;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-sa-badge {\n  display: inline-block;\n  margin-bottom: 24px;\n  padding: 7px 13px;\n  border: 1px solid #444444;\n  border-radius: 999px;\n  color: #ffffff;\n  background: #111111;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.8px;\n}\n\n.ts-sunvisor .tssv-title {\n  margin: 0;\n  font-size: clamp(42px, 7vw, 72px);\n  line-height: 1.02;\n  font-weight: 900;\n  letter-spacing: -2px;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-description {\n  max-width: 720px;\n  margin: 26px auto 0;\n  color: #f2f2f2;\n  font-size: 19px;\n  line-height: 1.65;\n}\n\n.ts-sunvisor .tssv-points {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 28px;\n}\n\n.ts-sunvisor .tssv-point {\n  padding: 9px 14px;\n  border: 1px solid #333333;\n  border-radius: 999px;\n  background: #111111;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.ts-sunvisor .tssv-point::before {\n  content: \"✓\";\n  margin-right: 7px;\n  color: #ff6a00;\n  font-weight: 900;\n}\n\n\/* PRICE *\/\n.ts-sunvisor .tssv-price-box {\n  max-width: 520px;\n  margin: 36px auto 0;\n  padding-top: 25px;\n  border-top: 1px solid #333333;\n  text-align: center;\n}\n\n.ts-sunvisor .tssv-price {\n  color: #ffffff;\n  font-size: 42px;\n  line-height: 1.1;\n  font-weight: 900;\n}\n\n.ts-sunvisor .tssv-price-note {\n  margin-top: 8px;\n  color: #aaaaaa;\n  font-size: 12px;\n}\n\n\/* TRUST BAR *\/\n.ts-sunvisor .tssv-trust {\n  border-top: 1px solid #222222;\n  border-bottom: 1px solid #222222;\n  background: #050505;\n}\n\n.ts-sunvisor .tssv-trust-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.ts-sunvisor .tssv-trust-item {\n  padding: 24px 16px;\n  text-align: center;\n  border-right: 1px solid #222222;\n}\n\n.ts-sunvisor .tssv-trust-item:last-child {\n  border-right: none;\n}\n\n.ts-sunvisor .tssv-trust-icon {\n  margin-bottom: 6px;\n  color: #ff6a00;\n  font-size: 20px;\n}\n\n.ts-sunvisor .tssv-trust-title {\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-trust-text {\n  margin-top: 3px;\n  color: #999999;\n  font-size: 12px;\n}\n\n\/* GENERAL SECTION *\/\n.ts-sunvisor .tssv-section {\n  padding: 90px 0;\n}\n\n.ts-sunvisor .tssv-kicker {\n  margin-bottom: 10px;\n  color: #ff6a00;\n  text-align: center;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-heading {\n  max-width: 800px;\n  margin: 0 auto;\n  color: #ffffff;\n  text-align: center;\n  font-size: clamp(32px, 5vw, 52px);\n  line-height: 1.08;\n  font-weight: 900;\n  letter-spacing: -1px;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-section-text {\n  max-width: 720px;\n  margin: 20px auto 0;\n  color: #eeeeee;\n  text-align: center;\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n\/* BENEFITS *\/\n.ts-sunvisor .tssv-benefits {\n  max-width: 900px;\n  margin: 45px auto 0;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n}\n\n.ts-sunvisor .tssv-benefit {\n  padding: 28px;\n  border: 1px solid #292929;\n  border-radius: 8px;\n  background: #0b0b0b;\n  transition: border-color 0.2s ease, transform 0.2s ease;\n}\n\n.ts-sunvisor .tssv-benefit:hover {\n  border-color: #ff6a00;\n  transform: translateY(-2px);\n}\n\n.ts-sunvisor .tssv-number {\n  margin-bottom: 12px;\n  color: #ff6a00;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-benefit h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: 21px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-benefit p {\n  margin: 10px 0 0;\n  color: #eeeeee;\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\/* HOW IT WORKS *\/\n.ts-sunvisor .tssv-how {\n  background: #080808;\n}\n\n.ts-sunvisor .tssv-steps {\n  max-width: 900px;\n  margin: 45px auto 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 30px;\n}\n\n.ts-sunvisor .tssv-step {\n  text-align: center;\n}\n\n.ts-sunvisor .tssv-step-number {\n  width: 58px;\n  height: 58px;\n  margin: 0 auto 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: #ff6a00;\n  color: #000000;\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.ts-sunvisor .tssv-step h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: 18px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-step p {\n  margin: 9px 0 0;\n  color: #dddddd;\n  font-size: 14px;\n}\n\n\/* USE CASES *\/\n.ts-sunvisor .tssv-use-grid {\n  max-width: 900px;\n  margin: 45px auto 0;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n}\n\n.ts-sunvisor .tssv-use-card {\n  padding: 22px 24px;\n  border-left: 3px solid #ff6a00;\n  background: #0b0b0b;\n}\n\n.ts-sunvisor .tssv-use-card h3 {\n  margin: 0;\n  color: #ffffff;\n  font-size: 17px;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-use-card p {\n  margin: 7px 0 0;\n  color: #dddddd;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\/* CTA *\/\n.ts-sunvisor .tssv-cta {\n  padding: 80px 0;\n}\n\n.ts-sunvisor .tssv-cta-box {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 55px 30px;\n  border: 1px solid #ff6a00;\n  border-radius: 10px;\n  background: #080808;\n  text-align: center;\n}\n\n.ts-sunvisor .tssv-cta-box h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(34px, 5vw, 55px);\n  line-height: 1.05;\n  font-weight: 900;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-cta-box p {\n  max-width: 650px;\n  margin: 18px auto 0;\n  color: #eeeeee;\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n\/* BUY BUTTON *\/\n.ts-sunvisor .tssv-bottom-buy {\n  max-width: 850px;\n  margin: 0 auto 70px;\n  padding: 0 20px;\n}\n\n.ts-sunvisor .tssv-buy-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  width: 100%;\n  padding: 20px 25px;\n  border-radius: 7px;\n  background: #ff6a00;\n  color: #000000;\n  text-decoration: none;\n  font-size: 18px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n\n.ts-sunvisor .tssv-buy-button:hover {\n  opacity: 0.92;\n  transform: translateY(-2px);\n}\n\n.ts-sunvisor .tssv-buy-button span {\n  font-size: 25px;\n  line-height: 1;\n}\n\n\/* FOOTER *\/\n.ts-sunvisor .tssv-proudly-sa {\n  padding: 25px 20px;\n  border-top: 1px solid #222222;\n  text-align: center;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ts-sunvisor .tssv-disclaimer {\n  max-width: 850px;\n  margin: 0 auto;\n  padding: 0 20px 35px;\n  color: #777777;\n  text-align: center;\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n\/* MOBILE *\/\n@media (max-width: 749px) {\n\n  .ts-sunvisor .tssv-wrap {\n    padding: 0 16px;\n  }\n\n  .ts-sunvisor .tssv-top {\n    font-size: 11px;\n    letter-spacing: 1px;\n  }\n\n  .ts-sunvisor .tssv-hero {\n    padding: 50px 0 60px;\n  }\n\n  .ts-sunvisor .tssv-title {\n    font-size: clamp(38px, 12vw, 58px);\n    letter-spacing: -1.5px;\n  }\n\n  .ts-sunvisor .tssv-description {\n    font-size: 16px;\n  }\n\n  .ts-sunvisor .tssv-trust-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ts-sunvisor .tssv-trust-item {\n    border-bottom: 1px solid #222222;\n  }\n\n  .ts-sunvisor .tssv-trust-item:nth-child(2) {\n    border-right: none;\n  }\n\n  .ts-sunvisor .tssv-benefits {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .ts-sunvisor .tssv-benefit {\n    padding: 20px;\n  }\n\n  .ts-sunvisor .tssv-benefit h3 {\n    font-size: 17px;\n  }\n\n  .ts-sunvisor .tssv-benefit p {\n    font-size: 13px;\n  }\n\n  .ts-sunvisor .tssv-steps {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }\n\n  .ts-sunvisor .tssv-use-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ts-sunvisor .tssv-section {\n    padding: 65px 0;\n  }\n\n  .ts-sunvisor .tssv-cta {\n    padding: 60px 0;\n  }\n\n  .ts-sunvisor .tssv-cta-box {\n    padding: 40px 20px;\n  }\n\n  .ts-sunvisor .tssv-bottom-buy {\n    padding: 0 16px;\n    margin-bottom: 55px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ts-sunvisor\"\u003e\n\u003cdiv class=\"tssv-top\"\u003eKeep Your Essentials Within Reach.\u003c\/div\u003e\n\u003csection class=\"tssv-hero\"\u003e\n\u003cdiv class=\"tssv-wrap\"\u003e\n\u003cdiv class=\"tssv-hero-content\"\u003e\n\u003cdiv class=\"tssv-tag\"\u003eTrade Supply™\u003c\/div\u003e\n\u003cdiv class=\"tssv-sa-badge\"\u003e🇿🇦 Proudly South African\u003c\/div\u003e\n\u003ch1 class=\"tssv-title\"\u003eLess Clutter.\u003cbr\u003e\u003cspan class=\"tssv-orange\"\u003eMore Control.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"tssv-description\"\u003eKeep your sunglasses, cards and ID right where you need them. \u003cstrong\u003eThe Trade Supply™ Sun Visor Organizer\u003c\/strong\u003e clips neatly onto your vehicle's sun visor, giving you quick and easy access to your everyday essentials without filling up your centre console or cup holders.\u003c\/p\u003e\n\u003cdiv class=\"tssv-points\"\u003e\n\u003cdiv class=\"tssv-point\"\u003eSunglasses Holder\u003c\/div\u003e\n\u003cdiv class=\"tssv-point\"\u003eCard Holder\u003c\/div\u003e\n\u003cdiv class=\"tssv-point\"\u003eID Holder\u003c\/div\u003e\n\u003cdiv class=\"tssv-point\"\u003eEasy Clip-On\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tssv-trust\"\u003e\n\u003cdiv class=\"tssv-wrap\"\u003e\n\u003cdiv class=\"tssv-trust-grid\"\u003e\n\u003cdiv class=\"tssv-trust-item\"\u003e\n\u003cdiv class=\"tssv-trust-icon\"\u003e👓\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-title\"\u003eOrganised\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-text\"\u003eKeep Your Essentials Together\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-item\"\u003e\n\u003cdiv class=\"tssv-trust-icon\"\u003e💳\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-title\"\u003eConvenient\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-text\"\u003eCards Always Within Reach\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-item\"\u003e\n\u003cdiv class=\"tssv-trust-icon\"\u003e📇\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-title\"\u003eAccessible\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-text\"\u003eQuick Access To Your ID\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-item\"\u003e\n\u003cdiv class=\"tssv-trust-icon\"\u003e🚗\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-title\"\u003eSimple\u003c\/div\u003e\n\u003cdiv class=\"tssv-trust-text\"\u003eClips Onto Your Visor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tssv-section\"\u003e\n\u003cdiv class=\"tssv-wrap\"\u003e\n\u003cdiv class=\"tssv-kicker\"\u003eBuilt For Your Daily Drive\u003c\/div\u003e\n\u003ch2 class=\"tssv-heading\"\u003eEverything You Need.\u003cbr\u003eRight Above You.\u003c\/h2\u003e\n\u003cp class=\"tssv-section-text\"\u003eNo more searching through your centre console for your sunglasses, cards or ID. Keep the essentials you use most in one convenient place where you can reach them quickly while parked or when getting in and out of your vehicle.\u003c\/p\u003e\n\u003cdiv class=\"tssv-benefits\"\u003e\n\u003cdiv class=\"tssv-benefit\"\u003e\n\u003cdiv class=\"tssv-number\"\u003e01 — Sunglasses\u003c\/div\u003e\n\u003ch3\u003eKeep Your Shades Handy\u003c\/h3\u003e\n\u003cp\u003eKeep your sunglasses stored in one easy-to-reach place instead of leaving them loose on your dashboard, seat or centre console.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-benefit\"\u003e\n\u003cdiv class=\"tssv-number\"\u003e02 — Cards\u003c\/div\u003e\n\u003ch3\u003eCards In One Place\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used cards organised and within easy reach whenever you need them while on the road.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-benefit\"\u003e\n\u003cdiv class=\"tssv-number\"\u003e03 — ID\u003c\/div\u003e\n\u003ch3\u003eQuick Access To Your ID\u003c\/h3\u003e\n\u003cp\u003eKeep your ID and other frequently accessed cards organised instead of digging around your vehicle looking for them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-benefit\"\u003e\n\u003cdiv class=\"tssv-number\"\u003e04 — Organisation\u003c\/div\u003e\n\u003ch3\u003eLess Mess In Your Car\u003c\/h3\u003e\n\u003cp\u003eClear up the clutter around your centre console, dashboard and cup holders by giving your everyday essentials their own place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tssv-section tssv-how\"\u003e\n\u003cdiv class=\"tssv-wrap\"\u003e\n\u003cdiv class=\"tssv-kicker\"\u003eHow It Works\u003c\/div\u003e\n\u003ch2 class=\"tssv-heading\"\u003eClip. Store. Drive.\u003c\/h2\u003e\n\u003cdiv class=\"tssv-steps\"\u003e\n\u003cdiv class=\"tssv-step\"\u003e\n\u003cdiv class=\"tssv-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eClip It On\u003c\/h3\u003e\n\u003cp\u003eAttach the organizer to your vehicle's sun visor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-step\"\u003e\n\u003cdiv class=\"tssv-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eStore Your Essentials\u003c\/h3\u003e\n\u003cp\u003ePlace your sunglasses, cards and ID into the appropriate holders.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-step\"\u003e\n\u003cdiv class=\"tssv-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eDrive Organised\u003c\/h3\u003e\n\u003cp\u003eKeep the essentials you use most right where you can easily find them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tssv-section\"\u003e\n\u003cdiv class=\"tssv-wrap\"\u003e\n\u003cdiv class=\"tssv-kicker\"\u003eOne Organizer. Multiple Uses.\u003c\/div\u003e\n\u003ch2 class=\"tssv-heading\"\u003eMade For Everyday Driving.\u003c\/h2\u003e\n\u003cdiv class=\"tssv-use-grid\"\u003e\n\u003cdiv class=\"tssv-use-card\"\u003e\n\u003ch3\u003e👓 Sunglasses\u003c\/h3\u003e\n\u003cp\u003eKeep your shades secure and easy to access whenever you're driving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-use-card\"\u003e\n\u003ch3\u003e💳 Cards\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used cards organised instead of loose around the car.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-use-card\"\u003e\n\u003ch3\u003e📇 ID \u0026amp; Permits\u003c\/h3\u003e\n\u003cp\u003eKeep important cards and frequently accessed identification within reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tssv-use-card\"\u003e\n\u003ch3\u003e🚗 Daily Essentials\u003c\/h3\u003e\n\u003cp\u003eA simple storage solution for the small items you need while you're on the road.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tssv-cta\"\u003e\n\u003cdiv class=\"tssv-wrap\"\u003e\n\u003cdiv class=\"tssv-cta-box\"\u003e\n\u003ch2\u003eStop Losing\u003cbr\u003e\u003cspan class=\"tssv-orange\"\u003eYour Essentials.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eKeep your sunglasses, cards and ID organised and within reach. One simple upgrade can make your daily drive a whole lot cleaner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"tssv-bottom-buy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"tssv-proudly-sa\"\u003e🇿🇦 Proudly South African · Trade Supply™\u003c\/div\u003e\n\u003cdiv class=\"tssv-disclaimer\"\u003eAlways ensure the organizer is securely attached and does not obstruct your view or interfere with safe vehicle operation. Store items securely and use the product according to the manufacturer's instructions.\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Trade Supply™","offers":[{"title":"Default Title","offer_id":59928973672734,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1091\/5971\/1006\/files\/trade-supply-sun-visor-organiser-no-sensors.png?v=1789293611","url":"https:\/\/www.tradesupply.co.za\/products\/trade-supply%e2%84%a2-sun-visor-organiser","provider":"Trade Supply™","version":"1.0","type":"link"}